老kvs夜枫最新视频:jQuery 操作option | 小小子

来源:百度文库 编辑:偶看新闻 时间:2024/05/02 21:16:24
jQuery 操作option
simaopigJavaScriptjquery,js,option7 Comments发表评论
之前写过一篇日志,《js操作option》,趁着这次系统重构,怎么看原来的实现方式都不爽。因为页面中使用了jQuery,于是就想用jQuery把原方法重写一下。因此也就有了本篇日志:jQuery操作option。
js清空option
之前清空option ,我的做法是遍历现有option,将其每个子元素都置空即可。现在使用jQuery来实现,我们只需要调用其支持的empty方法即可。
empty()
删除匹配的元素集合中所有的子节点。
再加上,我们要设默认值,所以此处清空select下所有option的方法,使用下面语句即可:
$('#selectId').empty().append( $("") );
js动态创建option
之前的做法,是借用其中间函数,来实现遍历Ajax返回的json对象。并使用new Option来创建option.现在我使用如下方法处理
for(var i = 0,len = jsondata.length; i$('#selectId').append($(""));
}
省去了一个看着繁重的中间函数,还减少了代码。最主要的是维护起来清晰易懂。^_^