Question

我希望在用户更改输入字段文本后更改标签文本。

这是我到目前为止所做的：

脚本功能：

 function ModuleName() {
        var text = document.getElementById('txtModCode').innerHTML;
        document.getElementById('lblModCode').innerHTML = text;

    }

字段和标签

<input type="text" name="txtModCode" id="txtModCode" class="form-control" placeholder="Enter Module Code Here" onchange="ModuleName()" />
<label id="lblModCode"></label>

提前谢谢

Answer 1

您应该在.value使用document.getElementById('txtModCode').value;，而不是.innerHTML

＆＃13;

function ModuleName() {
  var text = document.getElementById('txtModCode').value;
  document.getElementById('lblModCode').innerHTML = text;
}

＆＃13;

<input type="text" name="txtModCode" id="txtModCode" class="form-control" placeholder="Enter Module Code Here" onchange="ModuleName()" />
<label id="lblModCode"></label>

＆＃13;

通过在onchange="ModuleName(this)"中使用 this ，您可以直接引用input并避免额外的getElementById

＆＃13;

function ModuleName(el) {
  document.getElementById('lblModCode').innerHTML = el.value;
}

＆＃13;

<input type="text" name="txtModCode" id="txtModCode" class="form-control" placeholder="Enter Module Code Here" onchange="ModuleName(this)" />
<label id="lblModCode"></label>

＆＃13;

Answer 2

要使文本框在更改包含的文本时触发函数，请使用以下命令：

 <body>
      <span id="thing2">you have not changed the textbox</span>
      <input type="text" id="thing" onchange="myFunction()">
 </body>
 <script>
      function myFunction(){
           document.getElementById("thing2").innerText = "you have changed the textbox"
      }
 </script>

这会更改元素的内容

从输入javascript更改标签

2 个答案: