Jquery中文网 www.jquerycn.cn
Jquery中文网 >  jQuery  >  jquery 教程  >  正文 jQuery 操作option的实现代码

jQuery 操作option的实现代码

发布时间:2013-07-12   编辑:www.jquerycn.cn
js清空option之前清空option ,我的做法是遍历现有option,将其每个子元素都置空即可。
js清空option之前清空option ,我的做法是遍历现有option,将其每个子元素都置空即可。 js清空option之前清空option ,我的做法是遍历现有option,将其每个子元素都置空即可。现在使用jquery来实现,我们只需要调用其支持的empty方法即可。

empty()

删除匹配的元素集合中所有的子节点。
再加上,我们要设默认值,所以此处清空select下所有option的方法,使用下面语句即可:
复制代码 代码如下:

$('#selectId').empty().append( $("<option>这里放默认值</option>") );

js动态创建option
之前的做法,是借用其中间函数,来实现遍历Ajax返回的json对象。并使用new Option来创建option.现在我使用如下方法处理
复制代码 代码如下:

for(var i = 0,len = jsondata.length; i<len; i++){
$('#selectId').append($("<option value='"+jsondata[i].val+"'>"+jsondata[i].txt+"</option>"));
}

好像也可以这么写:
复制代码 代码如下:

$('#selectId').append("<option value='"+jsondata[i].val+"'>"+jsondata[i].txt+"</option>");

您可能感兴趣的文章:
jQuery 操作下拉列表框实现代码
jQuery 操作option的实现代码
jquery中dom操作和事件的实例学习 下拉框应用
jquery下操作HTML控件的实现代码
JS、Jquery向select下添加option的区别分析
JQuery 操作select标签实现代码
jQuery 操作下拉列表框的代码举例
两个select之间option的互相添加操作(jquery实现)
Jquery Select操作方法集合脚本之家特别版
JQuery for与each性能比较分析

[关闭]