亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

將 getElementById 值傳遞給文本框值時出現問題

將 getElementById 值傳遞給文本框值時出現問題

慕雪6442864 2023-08-05 21:11:11
我可以在 p 元素上看到掃描值(id =“code”)。如何用這個值填充文本框?實際上,當我按下“掃描條形碼”按鈕時,相機打開并掃描 EAN13 條形碼,并且該值顯示在 P 元素中(590123...是條形碼)??梢栽谙旅婵吹健5蚁朐谖谋究蛑锌吹竭@個值。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>
查看完整描述

3 回答

?
慕尼黑8549860

TA貢獻1818條經驗 獲得超11個贊

不能有兩個具有相同 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>


查看完整回答
反對 回復 2023-08-05
?
largeQ

TA貢獻2039條經驗 獲得超8個贊

更改 ,id以便只有一個id="code",然后更新腳本,以便 resultElement 具有 的 id<input...


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


<input class="form-control" type="text" id="code-input">

<button  onclick="barcode()" type="submit" class="btn btn-primary btn-sm">Scan Barcode</button>


<script>

   function barcode() {

       const resultElement = document.getElementById("code-input");

       setupLiveReader(resultElement);

   }  

</script>


查看完整回答
反對 回復 2023-08-05
?
偶然的你

TA貢獻1841條經驗 獲得超3個贊

function getValue() {

    var resultInputValue = document.getElementById("inputValue").value;

    document.getElementById("valueShow").innerHTML = resultInputValue;

}  

<p id="valueShow">input value is appear here</p>


<input type="text" id="inputValue">

<button  onclick="getValue()" type="submit">Get Value</button>


查看完整回答
反對 回復 2023-08-05
  • 3 回答
  • 0 關注
  • 187 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號