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 相关文章推荐
JQuery拖拽元素改变大小尺寸实现代码
Dec 10 Javascript
Javascript基础_嵌入图像的简单实现
Jun 14 Javascript
ajax分页效果(bootstrap模态框)
Jan 23 Javascript
深入理解Node.js中的进程管理
Mar 13 Javascript
React.js中常用的ES6写法总结(推荐)
May 09 Javascript
微信小程序 新建登录页并实现tabBar隐藏
Jun 13 Javascript
原生js实现仿window10系统日历效果的实例
Oct 31 Javascript
vue登录路由验证的实现
Dec 13 Javascript
vue-baidu-map 进入页面自动定位的解决方案(推荐)
Apr 28 Javascript
vue项目动态设置页面title及是否缓存页面的问题
Nov 08 Javascript
Vue中的情侣属性$dispatch和$broadcast详解
Mar 07 Javascript
jquery css实现流程进度条
Mar 26 jQuery
基于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 解压rar文件及zip文件的方法
2014/05/05 PHP
php实现扫描二维码根据浏览器类型访问不同下载地址
2014/10/15 PHP
PHP图片添加水印功能示例小结
2016/10/03 PHP
thinkPHP5.0框架命名空间详解
2017/03/18 PHP
PHP中soap用法示例【SoapServer服务端与SoapClient客户端编写】
2018/12/25 PHP
php实现微信小程序授权登录功能(实现流程)
2019/11/13 PHP
PHP实现新型冠状病毒疫情实时图的实例
2020/02/04 PHP
javascript第一课
2007/02/27 Javascript
JavaScript 无符号右移赋值操作
2009/04/17 Javascript
JS 类型转换常见方法小结
2010/05/31 Javascript
js实现创建删除html元素小结
2015/09/30 Javascript
jquery实现一个简单的表单验证实例
2016/03/30 Javascript
jQuery实现的导航下拉菜单效果
2016/07/04 Javascript
Javascript中内建函数reduce的应用详解
2016/10/20 Javascript
Vue2.0 slot分发内容与props验证的方法
2017/12/12 Javascript
浅谈FastClick 填坑及源码解析
2018/03/02 Javascript
vue+axios新手实践实现登陆的示例代码
2018/06/06 Javascript
html+jQuery实现拖动滑块图片拼图验证码插件【移动端适用】
2019/09/10 jQuery
js实现GIF动图分解成多帧图片上传
2019/10/24 Javascript
jQuery插件simplePagination的使用方法示例
2020/04/28 jQuery
Python 第一步 hello world
2009/09/25 Python
python读写ini文件示例(python读写文件)
2014/03/25 Python
详解Python的单元测试
2015/04/28 Python
小白如何入门Python? 制作一个网站为例
2018/03/06 Python
python将每个单词按空格分开并保存到文件中
2018/03/19 Python
由Python编写的MySQL管理工具代码实例
2019/04/09 Python
pip安装提示Twisted错误问题(Python3.6.4安装Twisted错误)
2020/05/09 Python
python3 googletrans超时报错问题及翻译工具优化方案 附源码
2020/12/23 Python
使用CSS3编写灰阶滤镜来制作黑白照片效果的方法
2016/05/09 HTML / CSS
大四毕业生学习总结的自我评价
2013/10/31 职场文书
十一国庆节“向国旗敬礼”主题班会活动方案
2014/09/27 职场文书
机关作风整顿个人整改措施思想汇报
2014/09/29 职场文书
主持人开幕词
2015/01/29 职场文书
电力企业职工培训心得体会
2016/01/11 职场文书
Html5页面播放M4a音频文件
2021/03/30 HTML / CSS
python本地文件服务器实例教程
2021/05/02 Python