我有两个选择元素,A和B:当A的选择选项发生变化时,B的选项必须相应更新.A中的每个元素都含有B中的许多元素,它是一对多关系(A包含国家,B应包含位于给定国家的城市).
该函数do_ajax应该运行异步请求:
function do_ajax(elem, mydata, filename)
{
$.ajax({
url: filename,
context: elem,
data: mydata,
datatype: "html",
success: function (data, textStatus, xhr) {
elem.innerHTML = data;
}
});
}
Run Code Online (Sandbox Code Playgroud)
为了更新B的选项,我在A的onChange事件中添加了一个函数调用.这A是触发onChange事件(of )时运行的函数:
function my_onchange(e) // "e" is element "A"
{
var sel_B = ... ; // get select element "B"
// I skipped some code here
// ...
var data = {
'mode': 'filter_city',
'id_A': e[e.selectedIndex]
};
do_ajax(city_sel, data, 'ajax_handler.php');
}
Run Code Online (Sandbox Code Playgroud)
}
我读过JQuery文档,它们data …