我的網站需要一些幫助。我正在嘗試使用數組和兩個不同的輸入字段進行迭代。我的 html 文件包含如下內容：<input name="comune" type="text" id="comune" list="comuni" /><datalist id="comuni"></datalist><input name="provincia" type="text" id="provincia" />假設我的數組是這樣的： var comProv = { 'Pisa' : 'PI', 'Firenze' = 'FI', 'Roma' = 'RM'}我想用數組的鍵填充數據列表，并且在選擇特定選項時，我想在第二個輸入字段中顯示同一數組項目的值。我嘗試使用這段代碼 $('#comune').keyup(function(){ var options = ''; for(var i = 0; i < comProv.length; i++){ options += '<option value="'+comProv[i]+'" />'; } document.getElementById('comuni').innerHTML = options; });我停下來，沒有轉到第二個主題，因為我很堆棧。有人可以幫忙嗎？先感謝您。
2 回答
慕神8447489
TA貢獻1780條經驗 獲得超1個贊
它是一個對象，而不是一個數組。您可以使用 迭代它$.each()。
$('#comune').keyup(function(){
var options = '';
$.each(comProv, function(key, value) {
options += `<option value="${value}">${key}</option>`;
});
$('#comuni').html(options);
});
臨摹微笑
TA貢獻1982條經驗 獲得超2個贊
首先，它不是一個數組，它是一個對象。其次，如果您使用 jQuery 庫，則需要使用“for...in”循環來循環對象或 $.each。最后但并非最不重要的一點是，您的對象中有拼寫錯誤。最后，嘗試一下此代碼片段中的代碼：
$(function(){
var comProv = {
'Pisa' : 'PI',
'Firenze':'FI',
'Roma': 'RM'
}
$('#comune').keyup(function(){
var options = '';
$.each(comProv, function(key, value) {
options += `<option value="${value}">${key}</option>`;
});
$('#comuni').html(options);
});
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input name="comune" type="text" id="comune" list="comuni" />
<datalist id="comuni">
</datalist>
<input name="provincia" type="text" id="provincia" />
- 2 回答
- 0 關注
- 182 瀏覽
添加回答
舉報
0/150
提交
取消