下拉菜单列表的脚本

原创 2019-04-13 13:37:22 371
摘要:<script language="JavaScript"> function getVal(){ $.getJSON("select.php",{sf_id:$("#sf_id").val()},function(json){ var ds_id = $("#ds_id");

<script language="JavaScript"> 
function getVal(){ 
$.getJSON("select.php",{sf_id:$("#sf_id").val()},function(json){ 
var ds_id = $("#ds_id"); 
$("option",ds_id).remove(); //清空原有的选项,也可使用 ds_id.empty(); 
$.each(json,function(index,array){ 
var option = "<option value='"+array['ds_id']+"'>"+array['ds_name']+"</option>"; 
ds_id.append(option); 
}); 
}); 

//下面是页面加载时自动执行一次getVal()函数 
$().ready(function(){ 
getVal(); 
$("#sf_id").change(function(){//省份部分有变动时,执行getVal()函数 
getVal(); 
}); 
}); 
</script> 

批改老师:天蓬老师批改时间:2019-04-13 16:41:37
老师总结:change()方法对应的onchange(), 这是一个非常重要且有用的事件, 在不同的控件中, 有不能动作, 要注意

发布手记

热门词条