這是我的代碼
html：
<input type="text" class="js-input">
<div class="js-autofill"></div>
jQuery：
var myarray = ['apple' , 'orange'];
myarray.forEach(element => {
$('.js-autofill').append(
`<div data-value="` element `">` element `</div>`
)
})
$(document).on('click','.js-item',function(){
$('.js-input').val($(this).attr('data-value'))
})
問題是.js-itemonclick 在第一次不作業 - 當我雙擊它時作業我找不到原因
uj5u.com熱心網友回復：
您需要更改.val()為.text()div 點擊。
來自檔案
該
.val()方法主要用于獲取input、select、textarea等表單元素的值。在空集合上呼叫時，它回傳 undefined。
$('.js-input').val($(this).text())
2 - 附加的 div 字串有不匹配的引號，正確的順序應該如下。
`<div class='js-item' data-value='` element `'>` element `</div>`
它對您閱讀也很有幫助：我什么時候應該在 JavaScript 中使用雙引號或單引號？
下面的作業代碼
var myarray = ['apple', 'orange'];
myarray.forEach(element => {
$('.js-autofill').append(
`<div class='js-item' data-value='` element `'>` element `</div>`
)
})
$(document).on('click', '.js-item', function() {
$('.js-input').val($(this).text())
})<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" class="js-input">
<div class="js-autofill"></div>轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/446479.html
標籤：javascript jQuery dom 点击