当前位置：首页 > 资讯 > 技术文档

jQuery 操作option的实现代码

时间：2020-03-28 08:16 编辑：来源：阅读：
扫一扫，手机访问

摘要：jQuery 操作option的实现代码

js清空option之前清空option ，我的做法是遍历现有option，将其每个子元素都置空即可。现在使用jQuery来实现，我们只需要调用其支持的empty方法即可。 empty() 删除匹配的元素集合中所有的子节点。再加上，我们要设默认值，所以此处清空select下所有option的方法，使用下面语句即可：

[u]复制代码[/u] 代码如下:

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

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

[u]复制代码[/u] 代码如下:

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

好像也可以这么写:

[u]复制代码[/u] 代码如下:

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

全部评论(0)

上一篇：jquery操作select option 的代码小结
下一篇：javascript 全角转换实现代码

资讯排行榜
更多>>