javascript - 更改输入 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

您应该在 document.getElementById('txtModCode').value; 中使用 .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)" 中利用 this，您可以传递对输入的直接引用并避免额外的操作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>