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 相关文章推荐
checkbox 多选框 联动实现代码
Oct 22 Javascript
利用webqq协议使用python登录qq发消息源码参考
Apr 08 Javascript
顶部缓冲下拉菜单导航特效的JS代码
Aug 27 Javascript
通过javascript把图片转化为字符画
Oct 24 Javascript
原生js制作简单的数字键盘
Apr 24 Javascript
Angularjs 滚动加载更多数据
Mar 17 Javascript
使用jQuery Ajax 请求webservice来实现更简练的Ajax
Aug 04 Javascript
9个让JavaScript调试更简单的Console命令
Nov 14 Javascript
原生js获取left值和top值的三种方法
Aug 02 Javascript
微信小程序自定义弹窗实现详解(可通用)
Jul 04 Javascript
微信小程序 scroll-view 实现锚点跳转功能
Dec 12 Javascript
用vue写一个日历
Nov 02 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 4.2书写安全的脚本
2006/10/09 PHP
PHP多线程抓取网页实现代码
2010/07/22 PHP
JQuery Tab选项卡效果代码改进版
2010/04/01 Javascript
js 全兼容可高亮二级缓冲折叠菜单
2010/06/04 Javascript
jquery的相对父元素和相对文档定位示例代码
2013/08/02 Javascript
js中arguments,caller,callee,apply的用法小结
2014/01/28 Javascript
jquery实现瀑布流效果分享
2014/03/26 Javascript
node.js中使用node-schedule实现定时任务实例
2014/06/03 Javascript
关闭页面时window.location事件未执行的原因分析及解决方案
2014/09/01 Javascript
jQuery带进度条全屏图片轮播特效代码分享
2020/06/28 Javascript
jQuery 1.9.1源码分析系列(十)事件系统之主动触发事件和模拟冒泡处理
2015/11/24 Javascript
JavaScript jQuery 中定义数组与操作及jquery数组操作
2015/12/18 Javascript
探讨JavaScript语句的执行过程
2016/01/28 Javascript
IE下JS保存图片的简单实例
2016/07/15 Javascript
Javascript 实现 Excel 导入生成图表功能
2018/10/22 Javascript
node上的redis调用优化示例详解
2018/10/30 Javascript
jquery实现Ajax请求的几种常见方式总结
2019/05/28 jQuery
vue中实现Monaco Editor自定义提示功能
2019/07/05 Javascript
vue 解除鼠标的监听事件的方法
2019/11/13 Javascript
[01:04]不如跳舞!DOTA2新英雄玛尔斯的欢乐日常
2019/03/11 DOTA
python2与python3爬虫中get与post对比解析
2019/09/18 Python
什么是View State?
2013/01/27 面试题
文员自我评价怎么写
2013/09/19 职场文书
法学研究生自我鉴定范文
2013/12/04 职场文书
积极分子思想汇报
2014/01/04 职场文书
业务总经理岗位职责
2014/02/03 职场文书
授权委托书怎么写
2014/04/03 职场文书
信息工作经验交流材料
2014/05/28 职场文书
社会工作专业求职信
2014/07/15 职场文书
班级团队活动方案
2014/08/14 职场文书
民主生活会对照检查材料
2014/09/22 职场文书
对照检查剖析材料
2014/09/30 职场文书
党员贯彻十八大精神思想汇报范文
2014/10/25 职场文书
2016年度创先争优活动总结
2016/04/05 职场文书
2019各种保证书范文
2019/06/24 职场文书
导游词之峨眉乐山/兵马俑/北京故宫御花园
2019/09/03 职场文书