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里访问SharePoint列表数据的实现方法
May 22 Javascript
JQuery 常用方法和事件详细介绍
Apr 18 Javascript
jquery对单选框,多选框,文本框等常见操作小结
Jan 08 Javascript
JS cookie中文乱码解决方法
Jan 28 Javascript
jQuery获得页面元素的绝对/相对位置即绝对X,Y坐标
Mar 06 Javascript
jQuery实现点击小图片淡入淡出显示大图片特效
Sep 09 Javascript
一步步教大家编写酷炫的导航栏js+css实现
Mar 14 Javascript
JS判断是否在微信浏览器打开的简单实例(推荐)
Aug 24 Javascript
jQuery实现键盘回车搜索功能
Jul 25 jQuery
vue之延时刷新实例
Nov 14 Javascript
Vue+Node实现的商城用户管理功能示例
Dec 23 Javascript
原生js实现贪吃蛇游戏
Oct 26 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
2019年漫画销量排行榜:鬼灭登顶 海贼单卷制霸 尾田盛赞鬼灭
2020/03/08 日漫
NT IIS下用ODBC连接数据库
2006/10/09 PHP
非常好的php目录导航文件代码
2006/10/09 PHP
PHP中限制IP段访问、禁止IP提交表单的代码
2011/04/23 PHP
php强制文件下载而非在浏览器打开的自定义函数分享
2014/05/08 PHP
PHP正则匹配反斜杠'\'和美元'$'的方法
2017/02/08 PHP
PHP中isset、empty的用法与区别示例详解
2020/11/05 PHP
IE与firefox之jquery用法区别
2008/10/03 Javascript
js cookies实现简单统计访问次数
2009/11/24 Javascript
JS链式调用的实现方法
2013/03/07 Javascript
onkeyup,onkeydown和onkeypress的区别介绍
2013/10/21 Javascript
jquery实现弹出层效果实例
2015/05/19 Javascript
每天一篇javascript学习小结(基础知识)
2015/11/10 Javascript
谈谈我对JavaScript原型和闭包系列理解(随手笔记6)
2015/12/20 Javascript
javascript轻量级库createjs使用Easel实现拖拽效果
2016/02/19 Javascript
浅析jQuery Ajax请求参数和返回数据的处理
2016/02/24 Javascript
AngularJS使用带属性值的ng-app指令实现自定义模块自动加载的方法
2017/01/04 Javascript
AngularJS之自定义服务详解(factory、service、provider)
2017/04/14 Javascript
Nodejs读取文件时相对路径的正确写法(使用fs模块)
2017/04/27 NodeJs
angularJS 发起$http.post和$http.get请求的实现方法
2017/05/18 Javascript
vue-cli结合Element-ui基于cropper.js封装vue实现图片裁剪组件功能
2018/03/01 Javascript
对vue中methods互相调用的方法详解
2018/08/30 Javascript
Vue源码中要const _toStr = Object.prototype.toString的原因分析
2018/12/09 Javascript
antd vue table跨行合并单元格,并且自定义内容实例
2020/10/28 Javascript
python 七种邮件内容发送方法实例
2014/04/22 Python
简单使用Python自动生成文章
2014/12/25 Python
python通过shutil实现快速文件复制的方法
2015/03/14 Python
python中的json总结
2018/10/11 Python
python集合的创建、添加及删除操作示例
2019/10/08 Python
Python调用系统命令os.system()和os.popen()的实现
2020/12/31 Python
CSS3移动端vw+rem不依赖JS实现响应式布局的方法
2019/01/23 HTML / CSS
美国购车网站:TrueCar
2016/10/19 全球购物
Anya Hindmarch官网:奢侈设计师手袋及配饰
2018/11/15 全球购物
财务会计专业推荐信
2013/11/30 职场文书
个人工作表现评语
2014/04/30 职场文书
2015年数学教研工作总结
2015/07/22 职场文书