javascript - 文本框值问题

标签 javascript html

我建立了一个可以从相机读取条形码的网站。 我可以捕获条形码文本并将其打印到 P 元素,如下所示。 但我想在文本框中看到它。这可能吗?我在文本框的值处看不到条形码。

enter image description here

按下扫描条形码按钮后:(5901234123457是扫描的条形码。我想在文本框中看到它) enter image description here

  <p id="code">I see the scanned value here</p>

   <input class="form-control" type="text" id="code" value="Scanned barcode must be seen here...">
   <button  onclick="barkod()" type="submit" class="btn btn-primary btn-sm">Scan Barcode</button>

    <script>
    function barkod() {
    var resultElement = document.getElementById("code");
    setupLiveReader(resultElement)
    }  
    </script

最佳答案

单页内的项目 ID 必须是唯一的。

function barkod() {
  document.getElementById("code_copy").value = document.getElementById("code_src").textContent;
  //setupLiveReader(resultElement);
}
<p id="code_src">5901234123457</p>

<input class="form-control" type="text" id="code_copy" value="Scanned barcode must be seen here...">
<button onclick="barkod()" type="submit" class="btn btn-primary btn-sm">Scan Barcode</button>

关于javascript - 文本框值问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/64861492/

相关文章:

javascript - 在 Chrome 扩展程序中的何处存储静态 JSON 数据?

javascript - 从 clusterfck 库获取超距

javascript - 如何在加载 jQuery 之前禁用所有链接?

javascript - Google Drive SDK JavaScript 文件共享对话框给出 "Refused to display document because display forbidden by X-Frame-Options"

javascript - 想要在一行 jquery 代码中更改 css 的 2 个或多个属性,我该怎么做?

javascript - jQuery 悬停事件被子 &lt;input&gt; 中断。有没有解决的办法? ( Chrome 问题)

php - 根据从动态下拉框中选择的值预填充文本字段(在表单中)

javascript - dc.js 重置不会影响 mouseZoomable

html - 在换行时对齐图像图标后面的链接文本

javascript - 使用标签时未在 IE 中提交表单