使用 JavaScript 更改值？,javascript,html,textbox,label"/>
时间戳

首页 > 解决方案 > 如何

javascript - 如何

问题描述

我有一个带有标签的简单 HTML 文本框，我希望能够使用 JavaScript 更改标签值。我尝试了以下概述的各种方法，但似乎没有任何成功。任何帮助，将不胜感激！

HTML：

<html>
    <body>
    
    <li id="job_number_wrapper">
        <label for="job_number">I WANT TO CHANGE THIS TEXT</label>
        <input type="text" id="job_number" name="job_number">
    </li>

Javascript：

<script>

function myFunction() {
    document.getElementById("job_number").htmlForVal = "New text"; //does nothing
    
    if (job_number_wrapper.textContent)
        job_number_wrapper.textContent = "New Text";  //changes text, but removes text box
    
    if (job_number.textContent)
        job_number.textContent = "New Text";  //does nothing
        
        
    $("label[for=job_number]").html("New Text"); //does nothing
    $("label[for=job_number]").text("New Text"); //does nothing
    
    document.getElementById('job_number').innerHTML = 'New Text'; //does nothing
    document.getElementById('job_number').innerText = 'New Text'; //does nothing
    document.getElementById('job_number').value = 'New Text'; //does nothing
    
    $('#job_number').val("New Text"); //populates the textbox value, but does not change the label
    
    
    var label = document.querySelector('label[for="job_number"]');  //does nothing
    label.textContent = "New Text"        //does nothing
}
    
myFunction();
    
</script>

</body>
</html>

标签： javascripthtmltextboxlabel

解决方案

你缺少'内在。

$("label[for='job_number]'").html("New Text"); 
$("label[for='job_number]'").text("New Text");

推荐阅读