JQuery给元素添加/删除节点比如select


Posted in Javascript onApril 02, 2013

jQuery获取Select选择的Text和Value:

var checkText=jQuery("#select_id").find("option:selected").text(); //获取Select选择的Text 
var checkValue=jQuery("#select_id").val(); //获取Select选择的option Value 
var checkIndex=jQuery("#select_id ").get(0).selectedIndex; //获取Select选择的索引值 
var maxIndex=jQuery("#select_id option:last").attr("index"); //获取Select最大的索引值

jQuery添加/删除Select的Option项
jQuery("#select_id").append("<option value='Value'>Text</option>"); //为Select追加一个Option(下拉项) 
jQuery("#select_id").prepend("<option value='0'>请选择</option>"); //为Select插入一个Option(第一个位置) 
jQuery("#select_id option:last").remove(); //删除Select中索引值最大Option(最后一个) 
jQuery("#select_id option[index='0']").remove(); //删除Select中索引值为0的Option(第一个) 
jQuery("#select_id option[value='3']").remove(); //删除Select中Value='3'的Option 
jQuery("#select_id option[text='4']").remove(); //删除Select中Text='4'的Option

内容清空:
jQuery("#select_id").empty();
Javascript 相关文章推荐
利用腾讯的ip地址库做ip物理地址定位
Jul 24 Javascript
杨氏矩阵查找的JS代码
Mar 21 Javascript
js随机生成网页背景颜色的方法
Feb 26 Javascript
使用javascript将时间转换成今天,昨天,前天等格式
Jun 25 Javascript
JavaScript中的函数(二)
Dec 23 Javascript
jQuery的Each比JS原生for循环性能慢很多的原因
Jul 05 Javascript
使用Javascript判断浏览器终端设备(PC、IOS(iphone)、Android)
Jan 04 Javascript
[js高手之路]寄生组合式继承的优势详解
Aug 28 Javascript
web页面和微信小程序页面实现瀑布流效果
Sep 26 Javascript
BootstrapValidator实现表单验证功能
Nov 08 Javascript
vue实现商品列表的添加删除实例讲解
May 14 Javascript
JavaScript中10个Reduce常用场景技巧
Jun 21 Javascript
Extjs4 消息框去掉关闭按钮(类似Ext.Msg.alert)
Apr 02 #Javascript
extjs关于treePanel+chekBox全部选中以及清空选中问题探讨
Apr 02 #Javascript
关于extjs treepanel复选框选中父节点与子节点的问题
Apr 02 #Javascript
extjs tabpanel限制选项卡数量实现思路及代码
Apr 02 #Javascript
extjs 3.31 TreeGrid实现静态页面加载json到TreeGrid里面
Apr 02 #Javascript
Extjs4.0设置Ext.data.Store传参的请求方式(默认为GET)
Apr 02 #Javascript
Extjs 3.3切换tab隐藏相应工具栏出现空白解决
Apr 02 #Javascript
You might like
ADODB类使用
2006/11/25 PHP
PHP中使用xmlreader读取xml数据示例
2014/12/29 PHP
CodeIgniter生成静态页的方法
2016/05/17 PHP
深入理解PHP JSON数组与对象
2016/07/19 PHP
游览器中javascript的执行过程(图文)
2012/05/20 Javascript
使用js判断当前时区TimeZone是否是夏令时
2014/02/23 Javascript
extjs 如何给column 加上提示
2014/07/29 Javascript
深入学习JavaScript中的Rest参数和参数默认值
2015/07/28 Javascript
JS简单去除数组中重复项的方法
2016/09/13 Javascript
基于js实现checkbox批量选中操作
2016/11/22 Javascript
基于nodejs 的多页面爬虫实例代码
2017/05/31 NodeJs
jquery ztree实现右键收藏功能
2017/11/20 jQuery
vue 自定义组件 v-model双向绑定、 父子组件同步通信的多种写法
2017/11/27 Javascript
解决vue中虚拟dom,无法实时更新的问题
2018/09/15 Javascript
js中async函数结合promise的小案例浅析
2019/04/14 Javascript
vue-cli3 配置开发与测试环境详解
2019/05/17 Javascript
小程序组件之自定义顶部导航实例
2019/06/12 Javascript
解决vue-cli webpack打包开启Gzip 报错问题
2019/07/24 Javascript
vue项目查看vue版本及cli版本的实现方式
2020/10/24 Javascript
用Python编写web API的教程
2015/04/30 Python
python结合API实现即时天气信息
2016/01/19 Python
windows上安装python3教程以及环境变量配置详解
2019/07/18 Python
Pytorch 计算误判率,计算准确率,计算召回率的例子
2020/01/18 Python
Python print不能立即打印的解决方式
2020/02/19 Python
Hush Puppies澳大利亚官网:舒适的男女休闲和正装鞋
2019/08/24 全球购物
俄罗斯GamePark游戏商店网站:购买游戏、游戏机和配件
2020/03/13 全球购物
公务员个人自我评价分享
2013/11/06 职场文书
有关打架的检讨书
2014/01/25 职场文书
三问三解心得体会
2014/09/05 职场文书
小学校园广播稿(3篇)
2014/09/19 职场文书
2014年内勤工作总结
2014/11/24 职场文书
父亲节活动总结
2015/02/12 职场文书
安全守法证明
2015/06/23 职场文书
三严三实·严以用权心得体会
2016/01/12 职场文书
2016年清明节网上祭英烈活动总结
2016/04/01 职场文书
Java日常练习题,每天进步一点点(38)
2021/07/26 Java/Android