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标签从页面中删除

posted on 2017-12-22 10:25  青葙  阅读(3195)  评论(0编辑  收藏  举报