jQuery 操作option的实现代码


Posted in Javascript onMarch 03, 2011

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>");
Javascript 相关文章推荐
javascript实现的动态添加表单元素input,button等(appendChild)
Nov 24 Javascript
关于jquery动态增减控件的一些想法和小插件
Aug 01 Javascript
js网页版计算器的简单实现
Jul 02 Javascript
jQuery菜单插件superfish使用指南
Apr 21 Javascript
JS基于面向对象实现的拖拽库实例
Sep 24 Javascript
谈谈js中的prototype及prototype属性解释和常用方法
Nov 25 Javascript
javascript中数组(Array)对象和字符串(String)对象的常用方法总结
Dec 15 Javascript
AngularJS使用ng-repeat遍历二维数组元素的方法详解
Nov 11 Javascript
了解ESlint和其相关操作小结
May 21 Javascript
node thread.sleep实现示例
Jun 20 Javascript
layui 对table中的数据进行转义的实例
Sep 12 Javascript
JS开发前端团队展示控制器来为成员引流
Aug 14 Javascript
基于Jquery的$.cookie()实现跨越页面tabs导航实现代码
Mar 03 #Javascript
jquery中实现简单的tabs插件功能的代码
Mar 02 #Javascript
基于jQuery的简单的列表导航菜单
Mar 02 #Javascript
jquery异步调用页面后台方法&amp;#8207;(asp.net)
Mar 01 #Javascript
jQuery获取文本节点之 text()/val()/html() 方法区别
Mar 01 #Javascript
jquery一句话全选/取消全选
Mar 01 #Javascript
基于jQuery的Tab选项框效果代码(插件)
Mar 01 #Javascript
You might like
用PHP制作静态网站的模板框架(三)
2006/10/09 PHP
讲解WordPress开发中一些常用的debug技巧
2015/12/18 PHP
php 字符串中是否包含指定字符串的多种方法
2018/04/12 PHP
Prototype Array对象 学习
2009/07/19 Javascript
游览器中javascript的执行过程(图文)
2012/05/20 Javascript
jQuery左侧大图右侧小图焦点图幻灯切换代码分享
2015/08/19 Javascript
JS实现不规则TAB选项卡效果代码
2015/09/16 Javascript
jQuery遍历DOM节点操作之filter()方法详解
2016/04/14 Javascript
在Vue.js中使用Mixins的方法
2017/09/12 Javascript
AngularJS 实现购物车全选反选功能
2017/10/24 Javascript
微信小程序实现上传图片功能
2018/05/28 Javascript
vue cli2.0单页面title修改方法
2018/06/07 Javascript
JavaScript两种计时器的实例讲解
2019/01/31 Javascript
富文本编辑器vue2-editor实现全屏功能
2019/05/26 Javascript
通过实践编写优雅的JavaScript代码
2019/05/30 Javascript
JS 实现发送短信验证码的“59秒后重新发送验证短信”功能
2019/08/23 Javascript
小谈angular ng deploy的实现
2020/04/07 Javascript
5个你不知道的JavaScript字符串处理库(小结)
2020/06/01 Javascript
[53:23]Secret vs Liquid 2018国际邀请赛淘汰赛BO3 第二场 8.25
2018/08/29 DOTA
[01:09]模型精美,特效酷炫!TI9不朽宝藏Ⅰ鉴赏
2019/05/10 DOTA
在Python的gevent框架下执行异步的Solr查询的教程
2015/04/16 Python
python快速建立超简单的web服务器的实现方法
2018/02/17 Python
如何使用Python的Requests包实现模拟登陆
2018/04/27 Python
pycharm远程linux开发和调试代码的方法
2018/07/17 Python
Python利用逻辑回归分类实现模板
2020/02/15 Python
Python实现计算图像RGB均值方式
2020/06/04 Python
Python3爬虫ChromeDriver的安装实例
2021/02/06 Python
css3实现背景动态渐变效果
2019/12/10 HTML / CSS
世界上最大的冷却器制造商:Igloo Coolers
2019/07/23 全球购物
植树节标语
2014/06/27 职场文书
升学宴演讲稿
2014/09/01 职场文书
2015年七一建党节慰问信
2015/03/23 职场文书
2015年销售工作总结范文
2015/03/30 职场文书
2015年绩效考核工作总结
2015/05/23 职场文书
董事长致辞
2015/07/29 职场文书
聘任通知书
2015/09/21 职场文书