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下IE与Firefox下的差异兼容写法总结
Jun 18 Javascript
基于jquery的实现简单的表格中增加或删除下一行
Aug 01 Javascript
统计jQuery中各字符串出现次数的工具
May 03 Javascript
jQuery中:last选择器用法实例
Dec 30 Javascript
在Javascript操作JSON对象,增加 删除 修改的简单实现
Jun 02 Javascript
jQuery实现table中的tr上下移动并保持序号不变的实例代码
Jul 11 Javascript
BootStrap实现邮件列表的分页和模态框添加邮件的功能
Oct 13 Javascript
js 开发之autocomplete=&quot;off&quot;在chrom中失效的解决办法
Sep 28 Javascript
Express系列之multer上传的使用
Oct 27 Javascript
JS实现遍历不规则多维数组的方法
Mar 21 Javascript
vue中引用swiper轮播插件的教程详解
Aug 16 Javascript
JavaScript 禁止用户保存图片的实现代码
Apr 28 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
gd库图片下载类实现下载网页所有图片的php代码
2012/08/20 PHP
基于thinkphp5框架实现微信小程序支付 退款 订单查询 退款查询操作
2020/08/17 PHP
PHP实现限制域名访问的实现代码(本地验证)
2020/09/13 PHP
合并table相同单元格的jquery插件分享(很精简)
2011/06/20 Javascript
getElementByIdx_x js自定义getElementById函数
2012/01/24 Javascript
php对mongodb的扩展(初识如故)
2012/11/11 Javascript
正则表达式中特殊符号及正则表达式的几种方法总结(replace,test,search)
2013/11/26 Javascript
js实现可得到不同颜色值的颜色选择器实例
2015/02/28 Javascript
JSON字符串和对象之间的转换详解
2015/05/26 Javascript
JavaScript获取function所有参数名的方法
2015/10/30 Javascript
JavaScript数据绑定实现一个简单的 MVVM 库
2016/04/08 Javascript
简单的js表格操作
2016/09/24 Javascript
echarts3 使用总结(绘制各种图表,地图)
2017/01/05 Javascript
javaScript手机号码校验工具类PhoneUtils详解
2017/12/08 Javascript
vue服务端渲染缓存应用详解
2018/09/12 Javascript
javascript实现超好看的3D烟花特效
2020/01/01 Javascript
[54:08]LGD女子刀塔学院 DOTA2炼金术士教学
2014/01/09 DOTA
[33:23]Secret vs Serenity 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
[00:38]TI珍贵瞬间系列(二):笑
2020/08/26 DOTA
以一段代码为实例快速入门Python2.7
2015/03/31 Python
python实现爬虫统计学校BBS男女比例之多线程爬虫(二)
2015/12/31 Python
Python lxml解析HTML并用xpath获取元素的方法
2019/01/02 Python
python如果快速判断数字奇数偶数
2019/11/13 Python
Django bulk_create()、update()与数据库事务的效率对比分析
2020/05/15 Python
谈谈python垃圾回收机制
2020/09/27 Python
eBay加拿大站:eBay.ca
2019/06/20 全球购物
外贸实习生自荐信范文
2013/11/24 职场文书
机械制造专业个人的自我评价
2013/12/28 职场文书
销售人员求职的自我评价分享
2014/03/15 职场文书
疾病防治方案
2014/05/31 职场文书
学校党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
法院四风对照检查材料思想汇报
2014/10/06 职场文书
入党政审材料范文
2014/12/24 职场文书
小学教育见习总结
2015/06/23 职场文书
MySQL修改默认引擎和字符集详情
2021/09/25 MySQL
如何在python中实现ECDSA你知道吗
2021/11/23 Python