我的網(wǎng)站需要一些幫助。我正在嘗試使用數(shù)組和兩個(gè)不同的輸入字段進(jìn)行迭代。我的 html 文件包含如下內(nèi)容：<input name="comune" type="text" id="comune" list="comuni" /><datalist id="comuni"></datalist><input name="provincia" type="text" id="provincia" />假設(shè)我的數(shù)組是這樣的： var comProv = { 'Pisa' : 'PI', 'Firenze' = 'FI', 'Roma' = 'RM'}我想用數(shù)組的鍵填充數(shù)據(jù)列表，并且在選擇特定選項(xiàng)時(shí)，我想在第二個(gè)輸入字段中顯示同一數(shù)組項(xiàng)目的值。我嘗試使用這段代碼 $('#comune').keyup(function(){ var options = ''; for(var i = 0; i < comProv.length; i++){ options += '<option value="'+comProv[i]+'" />'; } document.getElementById('comuni').innerHTML = options; });我停下來，沒有轉(zhuǎn)到第二個(gè)主題，因?yàn)槲液芏褩?。有人可以幫忙嗎？先感謝您。
2 回答
慕神8447489
TA貢獻(xiàn)1780條經(jīng)驗(yàn) 獲得超1個(gè)贊
它是一個(gè)對(duì)象，而不是一個(gè)數(shù)組。您可以使用 迭代它$.each()。
$('#comune').keyup(function(){
var options = '';
$.each(comProv, function(key, value) {
options += `<option value="${value}">${key}</option>`;
});
$('#comuni').html(options);
});
臨摹微笑
TA貢獻(xiàn)1982條經(jīng)驗(yàn) 獲得超2個(gè)贊
首先，它不是一個(gè)數(shù)組，它是一個(gè)對(duì)象。其次，如果您使用 jQuery 庫，則需要使用“for...in”循環(huán)來循環(huán)對(duì)象或 $.each。最后但并非最不重要的一點(diǎn)是，您的對(duì)象中有拼寫錯(cuò)誤。最后，嘗試一下此代碼片段中的代碼：
$(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 關(guān)注
- 197 瀏覽
添加回答
舉報(bào)
0/150
提交
取消