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类定义原型方法的两种实现的区别评论很多
Sep 12 Javascript
js中查找最近的共有祖先元素的实现代码
Dec 30 Javascript
原生javascript图片自动或手动切换示例附演示源码
Sep 04 Javascript
Node.js中使用Buffer编码、解码二进制数据详解
Aug 16 Javascript
浅析JavaScript事件和方法
Feb 28 Javascript
浅谈javascript的Array.prototype.slice.call
Aug 31 Javascript
js实现的Easy Tabs选项卡用法实例
Sep 06 Javascript
以JavaScript来实现WordPress中的二级导航菜单的方法
Dec 14 Javascript
JS树形菜单组件Bootstrap TreeView使用方法详解
Dec 21 Javascript
js仿iphone秒表功能 计算平均数
Jan 11 Javascript
JSON是什么?有哪些优点?JSON和XML的区别?
Apr 29 Javascript
微信小程序自定义弹窗实现详解(可通用)
Jul 04 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
CURL状态码列表(详细)
2013/06/27 PHP
php实现的日历程序
2015/06/18 PHP
php生成PDF格式文件并且加密
2015/06/22 PHP
PHP使用数组依次替换字符串中匹配项
2016/01/08 PHP
php图片裁剪函数
2018/10/31 PHP
说明你的Javascript技术很烂的五个原因
2011/04/26 Javascript
js用拖动滑块来控制图片大小的方法
2015/02/27 Javascript
jQGrid Table操作列中点击【操作】按钮弹出按钮层的实现代码
2016/12/05 Javascript
Angularjs使用指令做表单校验的方法
2017/03/31 Javascript
H5图片压缩与上传实例
2017/04/21 Javascript
VUE前端cookie简单操作
2017/10/17 Javascript
vue权限路由实现的方法示例总结
2018/07/29 Javascript
浅析JS中什么是自定义react数据验证组件
2018/10/19 Javascript
微信小程序使用for循环动态渲染页面操作示例
2018/12/25 Javascript
微信小程序实现多选删除列表数据功能示例
2019/01/15 Javascript
基于Vue的侧边目录组件的实现
2020/02/05 Javascript
JavaScript字符和ASCII实现互相转换
2020/06/03 Javascript
Vue+Vant 图片上传加显示的案例
2020/11/03 Javascript
vant-ui组件调用Dialog弹窗异步关闭操作
2020/11/04 Javascript
python构建自定义回调函数详解
2017/06/20 Python
详谈Python基础之内置函数和递归
2017/06/21 Python
使用python验证代理ip是否可用的实现方法
2018/07/25 Python
python判断字符串或者集合是否为空的实例
2019/01/23 Python
python用for循环求和的方法总结
2019/07/08 Python
python实现异常信息堆栈输出到日志文件
2019/12/26 Python
xadmin使用formfield_for_dbfield函数过滤下拉表单实例
2020/04/07 Python
HTML5离线缓存Manifest是什么
2016/03/09 HTML / CSS
HTML5表单验证特性(知识点小结)
2020/03/10 HTML / CSS
英国美发和美容产品商城:HQhair
2019/02/08 全球购物
中学家长会邀请函
2014/01/17 职场文书
市场营销管理毕业生自荐信
2014/03/03 职场文书
艺术设计专业个人求职信
2014/04/10 职场文书
简历自荐信范文
2015/03/09 职场文书
企业宣传稿范文
2015/07/23 职场文书
预备党员入党感言
2015/08/01 职场文书
改造DE1103三步曲
2022/04/07 无线电