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对数字的格式化使用说明
Jan 12 Javascript
js 编程笔记 无名函数
Jun 28 Javascript
ASP.NET jQuery 实例11 通过使用jQuery validation插件简单实现用户登录页面验证功能
Feb 03 Javascript
js 程序执行与顺序实现详解
May 13 Javascript
Query中click(),bind(),live(),delegate()的区别
Nov 19 Javascript
浅析Javascript ES6中的原生Promise
Aug 25 Javascript
jsTree使用记录实例
Dec 01 Javascript
js实现刷新页面后回到记录时滚动条的位置【两种方案可选】
Dec 12 Javascript
Bootstrap Table使用整理(三)
Jun 09 Javascript
Vue.js项目部署到服务器的详细步骤
Jul 17 Javascript
Nuxt使用Vuex的方法示例
Sep 06 Javascript
vue新建项目并配置标准路由过程解析
Dec 09 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
PL-880隐藏功能
2021/03/01 无线电
无数据库的详细域名查询程序PHP版(1)
2006/10/09 PHP
PHP使用redis实现统计缓存mysql压力的方法
2015/11/14 PHP
PHP判断是否是微信打开,浏览器打开的方法
2018/03/14 PHP
如何实现浏览器上的右键菜单
2006/07/10 Javascript
十个优秀的Ajax/Javascript实例网站收集
2010/03/31 Javascript
javascript实现页面刷新时自动清空表单并选中的方法
2015/07/18 Javascript
js图片翻书效果代码分享
2015/08/20 Javascript
Vue注册组件命名时不能用大写的原因浅析
2019/04/25 Javascript
浅谈Node 异步IO和事件循环
2019/05/05 Javascript
详解Vue中的watch和computed
2020/11/09 Javascript
[01:02:06]LGD vs Mineski Supermajor 胜者组 BO3 第二场 6.5
2018/06/06 DOTA
Windows和Linux下Python输出彩色文字的方法教程
2017/05/02 Python
用PyInstaller把Python代码打包成单个独立的exe可执行文件
2018/05/26 Python
python 匹配url中是否存在IP地址的方法
2018/06/04 Python
pandas 数据结构之Series的使用方法
2019/06/21 Python
Python PIL图片添加字体的例子
2019/08/22 Python
Python统计时间内的并发数代码实例
2019/12/28 Python
Python逐行读取文件内容的方法总结
2020/02/14 Python
在python中使用pymysql往mysql数据库中插入(insert)数据实例
2020/03/02 Python
解决Keras TensorFlow 混编中 trainable=False设置无效问题
2020/06/28 Python
css3隔行变换色实现示例
2014/02/19 HTML / CSS
学生评语大全
2014/04/18 职场文书
食品安全工作方案
2014/05/07 职场文书
党的群众路线教育实践活动总结
2014/10/30 职场文书
走群众路线学习心得体会
2014/10/31 职场文书
演讲开场白台词大全
2015/05/29 职场文书
2020年个人安全保证书参考模板
2020/01/08 职场文书
Nginx的反向代理实例详解
2021/03/31 Servers
分析并发编程之LongAdder原理
2021/06/29 Java/Android
node.js如何自定义实现一个EventEmitter
2021/07/16 Javascript
Nginx+Tomcat负载均衡集群的实现示例
2021/10/24 Servers
FFmpeg视频处理入门教程(新手必看)
2022/01/22 杂记
vue项目打包后路由错误的解决方法
2022/04/13 Vue.js
Android自定义双向滑动控件
2022/04/19 Java/Android
Go语言编译原理之源码调试
2022/08/05 Golang