从输入javascript更改标签

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

你应该使用.valuein document.getElementById('txtModCode').value;,而不是.innerHTML

function ModuleName() {
  var text = document.getElementById('txtModCode').value;
  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>

通过利用这个,onchange="ModuleName(this)"你可以直接引用input并避免额外的getElementById

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

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