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 相关文章推荐
js中使用DOM复制(克隆)指定节点名数据到新的XML文件中的代码
Jul 27 Javascript
jquery ajax提交整个表单元素的快捷办法
Mar 27 Javascript
JavaScript判断密码强度(自写代码)
Sep 06 Javascript
用C/C++来实现 Node.js 的模块(二)
Sep 24 Javascript
jQuery如何防止这种冒泡事件发生
Feb 27 Javascript
JS日期加减,日期运算代码
Nov 05 Javascript
深入浅析JavaScript的API设计原则
Jun 14 Javascript
JavaScript数组方法大全(推荐)
Jul 05 Javascript
JavaScript继承与多继承实例分析
May 26 Javascript
vue cli 3.x 项目部署到 github pages的方法
Apr 17 Javascript
vue实现在线预览pdf文件和下载(pdf.js)
Nov 26 Javascript
输入框跟随文字内容适配宽实现示例
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
Yii2框架类自动加载机制实例分析
2018/05/02 PHP
使用Git实现Laravel项目的自动化部署
2019/11/24 PHP
利用javascript查看html源文件
2006/11/08 Javascript
jQuery异步验证用户名是否存在示例代码
2014/05/21 Javascript
浅谈javascript事件取消和阻止冒泡
2015/05/26 Javascript
贴近用户体验的Jquery日期、时间选择插件
2015/08/19 Javascript
jQuery+ajax实现文章点赞功能的方法
2015/12/31 Javascript
详解springmvc 接收json对象的两种方式
2016/12/06 Javascript
vue-cli脚手架引入图片的几种方法总结
2018/03/13 Javascript
vue监听键盘事件的快捷方法【推荐】
2018/07/11 Javascript
浅谈Fetch 数据交互方式
2018/12/20 Javascript
qrcode生成二维码微信长按无法识别问题的解决
2019/04/04 Javascript
Koa 中的错误处理解析
2019/04/09 Javascript
vue 开发企业微信整合案例分析
2019/12/02 Javascript
浅谈vue获得后台数据无法显示到table上面的坑
2020/08/13 Javascript
react-intl实现React国际化多语言的方法
2020/09/27 Javascript
[53:38]OG vs LGD 2018国际邀请赛淘汰赛BO3 第三场 8.26
2018/08/30 DOTA
[01:07:53]RNG vs VG 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
Python 中 Virtualenv 和 pip 的简单用法详解
2017/08/18 Python
Python中%是什么意思?python中百分号如何使用?
2018/03/20 Python
python中的不可变数据类型与可变数据类型详解
2018/09/16 Python
用Python编写一个简单的CS架构后门的方法
2018/11/20 Python
配置 Pycharm 默认 Test runner 的图文教程
2018/11/30 Python
利用Python实现kNN算法的代码
2019/08/16 Python
opencv3/C++图像像素操作详解
2019/12/10 Python
Pytorch使用MNIST数据集实现CGAN和生成指定的数字方式
2020/01/10 Python
python实现拼接图片
2020/03/23 Python
Ajax主要包含了哪些技术
2014/06/12 面试题
机械系大学毕业生推荐信
2013/11/27 职场文书
微博营销计划书
2014/01/10 职场文书
2014年端午节活动方案
2014/03/11 职场文书
党员干部三严三实心得体会
2014/10/13 职场文书
总经理年会致辞
2015/07/29 职场文书
2016年先进班集体事迹材料
2016/02/26 职场文书
大学生党员暑假实践(活动总结)
2019/08/21 职场文书
Android中的Launch Mode详情
2022/06/05 Java/Android