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创建优美的页面滑动块效果 - Glider.js
Sep 27 Javascript
jquery网页元素拖拽插件效果及实现
Aug 05 Javascript
快速解决jquery之get缓存问题的最简单方法介绍
Dec 19 Javascript
JavaScript修改作用域外变量的方法
Mar 25 Javascript
Javascript必知必会(四)js类型转换
Jun 08 Javascript
js实现固定宽高滑动轮播图效果
Jan 13 Javascript
Vue.js原理分析之observer模块详解
Feb 17 Javascript
jquery实现折叠菜单效果【推荐】
Mar 08 Javascript
详解使用mpvue开发github小程序总结
Jul 25 Javascript
@angular前端项目代码优化之构建Api Tree的方法
Dec 24 Javascript
小程序如何在不同设备上自适应生成海报的实现方法
Aug 20 Javascript
js实现div色块拖动录制
Jan 16 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
php递归使用示例(php递归函数)
2014/02/14 PHP
php实现文本数据导入SQL SERVER
2015/05/17 PHP
php析构函数的简单使用说明
2015/08/24 PHP
PHP ajax+jQuery 实现批量删除功能实例代码小结
2018/12/06 PHP
解决 firefox 不支持 document.all的方法
2007/03/12 Javascript
DOM2非标准但却支持很好的几个属性小结
2012/01/21 Javascript
JS对select控件option选项的增删改查示例代码
2013/10/21 Javascript
jQuery+canvas实现简单的球体斜抛及颜色动态变换效果
2016/01/28 Javascript
老生常谈js动态添加事件--- 事件委托
2016/07/19 Javascript
json定义及jquery操作json的方法
2016/10/03 Javascript
Jquery Easyui验证组件ValidateBox使用详解(20)
2016/12/18 Javascript
three.js 入门案例详解
2018/01/23 Javascript
解决修复npm安装全局模块权限的问题
2018/05/17 Javascript
layui弹出层按钮提交iframe表单的方法
2018/08/20 Javascript
详解ES6新增字符串扩张方法includes()、startsWith()、endsWith()
2020/05/12 Javascript
Angular+Ionic使用queryParams实现跳转页传值的方法
2020/09/05 Javascript
python根据路径导入模块的方法
2014/09/30 Python
对Python进行数据分析_关于Package的安装问题
2017/05/22 Python
Django 根据数据模型models创建数据表的实例
2018/05/27 Python
Python GUI Tkinter简单实现个性签名设计
2018/06/19 Python
Python编程实现tail-n查看日志文件的方法
2019/07/08 Python
Python3使用PySynth制作音乐的方法
2019/09/09 Python
使用Pytorch搭建模型的步骤
2020/11/16 Python
Alpine安装Python3依赖出现的问题及解决方法
2020/12/25 Python
前端canvas动画如何转成mp4视频的方法
2019/06/17 HTML / CSS
美国领先的医疗警报服务:Philips Lifeline
2018/03/12 全球购物
Easy Spirit官网:美国休闲鞋履中的代表品牌
2019/04/12 全球购物
仓库管理专业个人自我评价范文
2013/11/11 职场文书
应征英语教师求职信
2013/11/27 职场文书
倡议书范文格式
2014/05/12 职场文书
2014年最新大专生职业生涯规划书范文
2014/09/13 职场文书
辩护词范文大全
2015/05/21 职场文书
80后创业总结的9条职场用人思想,记得收藏
2019/08/13 职场文书
导游词范文之颐和园/重庆/云台山
2019/09/10 职场文书
python自动统计zabbix系统监控覆盖率的示例代码
2021/04/03 Python
SQL Server中的逻辑函数介绍
2022/05/25 SQL Server