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 相关文章推荐
“不能执行已释放的Script代码”错误的原因及解决办法
Sep 09 Javascript
Aptana调试javascript图解教程
Nov 30 Javascript
Ext 今日学习总结
Sep 19 Javascript
js获取数组的最后一个元素
Apr 14 Javascript
jQuery Easyui Tabs扩展根据自定义属性打开页签
Aug 15 Javascript
JavaScript中如何使用cookie实现记住密码功能及cookie相关函数介绍
Nov 10 Javascript
怎样判断jQuery当前元素是隐藏还是显示
Nov 23 Javascript
详解Angular2响应式表单
Jun 14 Javascript
Vue应用部署到服务器的正确方式
Jul 15 Javascript
vue2.0在table中实现全选和反选的示例代码
Nov 04 Javascript
微信小程序授权登录解决方案的代码实例(含未通过授权解决方案)
May 10 Javascript
Vue 修改网站图标的方法
Dec 31 Vue.js
基于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入门学习知识点六 PHP文件的读写操作代码
2011/07/14 PHP
php判断手机访问还是电脑访问示例分享
2014/01/20 PHP
PHP在linux上执行外部命令的方法
2017/02/06 PHP
PHP中时间加减函数strtotime用法分析
2017/04/26 PHP
php生成条形码的图片的实例详解
2017/09/13 PHP
23个Javascript弹出窗口特效整理
2011/02/25 Javascript
JavaScript去除空格的三种方法(正则/传参函数/trim)
2013/02/06 Javascript
jquery ready(fn)事件使用介绍
2013/08/21 Javascript
javascript中Array数组的迭代方法实例分析
2015/02/04 Javascript
JavaScript替换当前页面的方法
2015/04/03 Javascript
JavaScript中Boolean对象的属性解析
2015/10/21 Javascript
JS组件Bootstrap实现弹出框效果代码
2016/04/26 Javascript
客户端验证用户名和密码的方法详解
2016/06/16 Javascript
jQuery实现查找链接文字替换属性的方法
2016/06/27 Javascript
vue.js入门教程之基础语法小结
2016/09/01 Javascript
浅谈js在html中的加载执行顺序,多个jquery ready执行顺序
2016/11/26 Javascript
jQuery Easy UI中根据第一个下拉框选中的值设置第二个下拉框是否可以编辑
2016/11/29 Javascript
AngularJS实现的2048小游戏功能【附源码下载】
2018/01/03 Javascript
vue2.0 路由不显示router-view的解决方法
2018/03/06 Javascript
JavaScript中Array方法你该知道的正确打开方法
2018/09/11 Javascript
解决js相同的正则多次调用test()返回的值却不同的问题
2018/10/10 Javascript
angular 实现下拉列表组件的示例代码
2019/03/09 Javascript
微信小程序动态添加view组件的实例代码
2019/05/23 Javascript
[03:27]最受玩家喜爱奖提名:PZH_Element 致玩家寄语
2016/12/20 DOTA
[04:44]DOTA2 2017全国高校联赛视频回顾
2017/08/21 DOTA
Python两个内置函数 locals 和globals(学习笔记)
2016/08/28 Python
Python只用40行代码编写的计算器实例
2017/05/10 Python
python opencv 实现对图像边缘扩充
2020/01/19 Python
详解用Python进行时间序列预测的7种方法
2020/03/13 Python
python将音频进行变速的操作方法
2020/04/08 Python
html5 http的轮询和Websocket原理
2018/10/19 HTML / CSS
美国女士泳装店:Swimsuits For All
2017/03/02 全球购物
TripAdvisor土耳其网站:全球知名旅行社区,真实旅客评论
2017/04/17 全球购物
采购文员岗位职责
2013/11/20 职场文书
创建绿色社区汇报材料
2014/08/22 职场文书
县委常委班子对照检查材料思想汇报
2014/09/28 职场文书