我有兩個(gè)選擇選項(xiàng)列表，其中包含從 db 檢索的值。<select id="userid" onchange="selSuj()"><option value="1" selected="selected">text1</option><option value="2">text2</option><option value="3">text3</option></select><select id="subject"><div id="determineSubj"><option value="1" selected="selected">text1</option><option value="2">text2</option><option value="3">text3</option></div></select><script>function selSuj(){ var x = $('#userid').val(); $.ajax({ type:'POST', url:'same page url', data:{ 'userid':x }, success: function(result){ document.getElementById("determineSubj").innerHTML = result; } }) ;}the first select option(userid),when option selected, should populate the corresponding values in the second select option(subject), using the user option value(eg 1,2,3) as search p.key to the subject db. 我試過(guò)使用 ajax，它在警報(bào)（結(jié)果）上運(yùn)行良好，但不更新第二個(gè)選擇選項(xiàng)值。請(qǐng)幫忙。
1 回答
守著星空守著你
TA貢獻(xiàn)1799條經(jīng)驗(yàn) 獲得超8個(gè)贊
Aselect不應(yīng)包含<div>.
從這個(gè)簡(jiǎn)短的演示中我們可以看出，這樣做會(huì)使 JavaScript 無(wú)法訪問(wèn) div，因?yàn)樗徽J(rèn)為它是 DOM 的有效部分：
document.addEventListener("DOMContentLoaded", function() {
console.log(document.getElementById("determineSubj"));
});
<select id="subject">
<div id="determineSubj">
<option value="1" selected="selected">text1</option>
<option value="2">text2</option>
<option value="3">text3</option>
</div>
</select>
無(wú)論如何，即使它是有效的，對(duì)于您的目的來(lái)說(shuō)也完全沒(méi)有必要。您可以直接更新元素的 HTML select。
將 HTML 更改為：
<select id="subject">
<option value="1" selected="selected">text1</option>
<option value="2">text2</option>
<option value="3">text3</option>
</select>
以及“成功”回調(diào)：
success: function(result) {
document.getElementById("subject").innerHTML = result;
}
而且不應(yīng)該有任何問(wèn)題。
- 1 回答
- 0 關(guān)注
- 132 瀏覽
添加回答
舉報(bào)
0/150
提交
取消