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 JSON操作入门实例
Apr 16 Javascript
JS焦点图切换,上下翻转
May 12 Javascript
js 动态修改css文件用到了cssRule
Aug 20 Javascript
理解AngularJs指令
Dec 10 Javascript
AngularJS 面试题集锦
Sep 06 Javascript
JavaWeb表单及时验证功能在输入后立即验证(含用户类型,性别,爱好...的验证)
Jun 09 Javascript
Angular4绑定html内容出现警告的处理方法
Nov 03 Javascript
浅谈react-router HashRouter和BrowserRouter的使用
Dec 29 Javascript
详谈vue+webpack解决css引用图片打包后找不到资源文件的问题
Mar 06 Javascript
使用vue脚手架(vue-cli)搭建一个项目详解
May 09 Javascript
基于Express框架使用POST传递Form数据
Aug 10 Javascript
微信小程序之 catalog 切换实现解析
Sep 12 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
一台收音机,让一家人都笑逐颜开!
2020/08/21 无线电
php中根据某年第几天计算出日期年月日的代码
2011/02/24 PHP
PHP中的排序函数sort、asort、rsort、krsort、ksort区别分析
2014/08/18 PHP
PHP与MYSQL中UTF8编码的中文排序实例
2014/10/21 PHP
PHP连接MYSQL数据库的3种常用方法
2017/02/27 PHP
PHP文件管理之实现网盘及压缩包的功能操作
2017/09/20 PHP
使用PHP开发留言板功能
2019/11/19 PHP
js里的prototype使用示例
2010/11/19 Javascript
jquery利用event.which方法获取键盘输入值的代码
2011/10/09 Javascript
深入理解JavaScript系列(11) 执行上下文(Execution Contexts)
2012/01/15 Javascript
jquery多行滚动/向左或向上滚动/响应鼠标实现思路及代码
2013/01/23 Javascript
JavaScript中for-in遍历方式示例介绍
2014/02/11 Javascript
JavaScript AJAX之惰性载入函数
2014/08/27 Javascript
9款2014最热门jQuery实用特效推荐
2014/12/07 Javascript
JavaScript通过字符串调用函数的实现方法
2015/03/18 Javascript
Javascript中数组方法汇总(推荐)
2015/04/01 Javascript
DataTables+BootStrap组合使用Ajax来获取数据并且动态加载dom的方法(排序,过滤,分页等)
2016/11/09 Javascript
JS中位置与大小的获取方法
2016/11/22 Javascript
Vue2.0 $set()的正确使用详解
2020/07/28 Javascript
Python Mysql自动备份脚本
2008/07/14 Python
跟老齐学Python之dict()的操作方法
2014/09/24 Python
Python之文字转图片方法
2018/05/10 Python
Python文件监听工具pyinotify与watchdog实例
2018/10/15 Python
python调用java的jar包方法
2018/12/15 Python
详解python 爬取12306验证码
2019/05/10 Python
python 判断字符串中是否含有汉字或非汉字的实例
2019/07/15 Python
python中多个装饰器的调用顺序详解
2019/07/16 Python
Pytorch 使用不同版本的cuda的方法步骤
2020/04/02 Python
Python3实现建造者模式的示例代码
2020/06/28 Python
VLAN和VPN有什么区别?分别实现在OSI的第几层?
2014/12/23 面试题
毕业留言寄语大全
2014/04/10 职场文书
群众路线教育实践活动整改方案(个人版)
2014/10/25 职场文书
2016关于军训的心得体会
2016/01/11 职场文书
《鲁滨逊漂流记》之六读后感(4篇)
2019/09/29 职场文书
为什么node.js不适合大型项目
2021/04/28 Javascript
使用GO语言实现Mysql数据库CURD的简单示例
2021/08/07 Golang