js select下拉框(二级联动)
事件监听:
<script>window.onload = function(){alert(321);}</script>
JS中onload多个事件
<1> <body onload="aa();bb();cc()">用分号隔开就可以了
<2>
window.attachEvent("onload",function(){alert('a')});
window.attachEvent("onload",function(){alert('b')});
window.attachEvent("onload",function(){alert('c')});
注解: 使用attachEvent 注册事件 后注册的事件 先执行
上面的例子会弹出 C B A
还有一点:这个办法只能在IE下用 (window.attachEvent)
ajax写法:
$.getJSON("${base}/ext/projectRegion.jspx?code="+region1,function(json){
$("#region2").empty();
$("#region3").empty();
$("<option value=''>--默认--</option>").appendTo("#region3");
$("<option value=''>--默认--</option>").appendTo("#region2");
for(var code in json){
$("<option value='"+json[code].code+"'>" + json[code].name + "</option>").appendTo("#region2");
}
});
empty()与 remove()
修改的方法就是首先执行$("#type").empty(),再执行$("#type").val(str1)
empty()方法是将标签option中的值置成空就是将标签变成
<select id="type"><option value=""></opton></select>
这样再给select标签赋值的话,就可以看到效果了
若是使用remove方法则是将标签整个删除,意思就是将id为type的select标签从页面中删除