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计算页面执行时间的函数
Dec 07 Javascript
this[] 指的是什么内容 讨论
Mar 24 Javascript
List the UTC Time on a Computer
Jun 11 Javascript
js cookies 常见网页木马挂马代码 24小时只加载一次
Apr 13 Javascript
Javascript 实现TreeView CheckBox全选效果
Jan 11 Javascript
js的正则test,match,exec详细解析
Jan 29 Javascript
Bootstrap基本插件学习笔记之标签切换(17)
Dec 08 Javascript
vue中eventbus被多次触发以及踩过的坑
Dec 02 Javascript
vue.js与element-ui实现菜单树形结构的解决方法
Apr 21 Javascript
jQuery超简单遮罩层实现方法示例
Sep 06 jQuery
详解CommonJS和ES6模块循环加载处理的区别
Dec 26 Javascript
关于JavaScript 数组你应该知道的事情(推荐)
Apr 10 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
抓取YAHOO股票报价的类
2009/05/15 PHP
php skymvc 一款轻量、简单的php
2011/06/28 PHP
PHP中绘制图像的一些函数总结
2014/11/19 PHP
php实现图片局部打马赛克的方法
2015/02/11 PHP
CI框架中数据库操作函数$this-&gt;db-&gt;where()相关用法总结
2016/05/17 PHP
PHP htmlspecialchars() 函数实例代码及用法大全
2018/09/18 PHP
Javascript 错误处理的几种方法
2009/06/13 Javascript
jQuery中prop()方法用法实例
2015/01/05 Javascript
jQuery控制网页打印指定区域的方法
2015/04/07 Javascript
jquery动感漂浮导航菜单代码分享
2020/04/15 Javascript
jquery实现在网页指定区域显示自定义右键菜单效果
2015/08/25 Javascript
Vue.js每天必学之构造器与生命周期
2016/09/05 Javascript
vue项目中做编辑功能传递数据时遇到问题的解决方法
2016/12/19 Javascript
bootstrap模态框远程示例代码分享
2017/05/22 Javascript
微信小程序实现topBar底部选择栏效果
2018/07/20 Javascript
React注册倒计时功能的实现
2018/09/06 Javascript
JS实现带阴历的日历功能详解
2019/01/24 Javascript
监听element-ui table滚动事件的方法
2019/03/26 Javascript
angular4应用中输入的最小值和最大值的方法
2019/05/17 Javascript
JS 实现发送短信验证码的“59秒后重新发送验证短信”功能
2019/08/23 Javascript
[01:23:59]2018DOTA2亚洲邀请赛 4.1 小组赛 B组 VP vs Secret
2018/04/03 DOTA
利用Python实现简单的相似图片搜索的教程
2015/04/23 Python
一个基于flask的web应用诞生 组织结构调整(7)
2017/04/11 Python
python之super的使用小结
2018/08/13 Python
用python打印1~20的整数实例讲解
2019/07/01 Python
django中间键重定向实例方法
2019/11/10 Python
Python模块的制作方法实例分析
2019/12/21 Python
python脚本第一行如何写
2020/08/30 Python
Python爬虫入门教程02之笔趣阁小说爬取
2021/01/24 Python
python之openpyxl模块的安装和基本用法(excel管理)
2021/02/03 Python
澳大利亚牛仔裤商店:Just Jeans
2016/10/13 全球购物
上学迟到的检讨书
2014/01/11 职场文书
2014年情人节活动方案
2014/02/16 职场文书
《半截蜡烛》教学反思
2016/02/19 职场文书
车位出租协议书范本
2016/03/19 职场文书
Django实现WebSocket在线聊天室功能(channels库)
2021/09/25 Python