将getElementById值传递给textbox值的问题

Question

我可以在p元素上看到扫描的值(id=“code”）。我如何用这个值填充文本框？

实际上，当我按下扫描条形码按钮时，相机打开并扫描一个EAN13条形码，值显示在P元素中（590123...是条形码）。可以在下面看到。但我想在TextBox中看到这个值。

js lang-js prettyprint-override">function barcode() {
  var resultElement = document.getElementById("code");
 // setupLiveReader(resultElement)
}

<p id="code">code is appearing here</p>

<input class="form-control" type="text" id="code">
<button onclick="barcode()" type="submit" class="btn btn-primary btn-sm">Scan Barcode</button>

Answer 1

不能有两个元素具有相同的ID。要获取p标记的内容，只需对其调用innerHTML。之后，用新的ID设置输入的值。

<p id="code">code is appear here</p>

<input class="form-control" type="text" id="codeInput">
<button  onclick="barcode()" type="submit" class="btn btn-primary btn-sm">Scan Barcode</button>

<script>
function barcode() {
    var resultElement = document.getElementById("code").innerHTML;
    //setupLiveReader(resultElement)
    document.getElementById("codeInput").value = resultElement;
}  
</script>