jQuery 操作option的实现代码
时间：2021-02-21 14:56:43|栏目：jquery|点击： 次
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>");
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事件模型默认行为执行顺序及trigger()与 triggerHandler()比较实例分析
栏 目：jquery
下一篇：jQuery 判断元素整理汇总
本文标题：jQuery 操作option的实现代码
本文地址：http://www.codeinn.net/misctech/67288.html
