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 相关文章推荐
基于JavaScript实现 获取鼠标点击位置坐标的方法
Apr 12 Javascript
js中文逗号转英文实现
Feb 11 Javascript
运用JQuery的toggle实现网页加载完成自动弹窗
Mar 18 Javascript
JS实现模拟风力的雪花飘落效果
May 13 Javascript
js实现用户离开页面前提示是否离开此页面的方法(包括浏览器按钮事件)
Jul 18 Javascript
JavaScript面向对象编写购物车功能
Aug 19 Javascript
JavaScript SHA1加密算法实现详细代码
Oct 06 Javascript
jQuery实现的浮动层div浏览器居中显示效果
Feb 03 Javascript
AngularJS实现自定义指令与控制器数据交互的方法示例
Jun 19 Javascript
JavaScript实现简单的双色球(实例讲解)
Jul 31 Javascript
深入分析element ScrollBar滚动组件源码
Jan 22 Javascript
mpvue全局引入sass文件的方法步骤
Mar 06 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
php实现网站顶踩功能的完整前端代码
2015/07/19 PHP
PHP错误处理函数register_shutdown_function使用示例
2017/07/03 PHP
PHP实现的mysql操作类【MySQL与MySQLi方式】
2017/10/07 PHP
JS 精确统计网站访问量的实例代码
2013/07/05 Javascript
浅析showModalDialog数据缓存问题(用禁止浏览器缓存解决)
2013/07/09 Javascript
JavaScript判断手机号运营商是移动、联通、电信还是其他(代码简单)
2015/09/25 Javascript
jquery实现的动态回到顶部特效代码
2015/10/28 Javascript
jQuery事件绑定用法详解(附bind和live的区别)
2016/01/19 Javascript
javascript的BOM
2016/05/03 Javascript
第二篇Bootstrap起步
2016/06/21 Javascript
利用jQuery实现一个简单的表格上下翻页效果
2017/03/14 Javascript
详解axios 全攻略之基本介绍与使用(GET 与 POST)
2017/09/15 Javascript
基于JavaScript实现瀑布流布局
2018/08/15 Javascript
gulp构建小程序的方法步骤
2019/05/31 Javascript
vue跳转同一个组件,参数不同,页面接收值只接收一次的解决方法
2019/11/05 Javascript
详解ES6数组方法find()、findIndex()的总结
2020/05/12 Javascript
基于javascript原生判断DOM是否加载完毕
2020/10/14 Javascript
python在windows下创建隐藏窗口子进程的方法
2015/06/04 Python
python中Switch/Case实现的示例代码
2017/11/09 Python
Python操作MySQL数据库的三种方法总结
2018/01/30 Python
通过celery异步处理一个查询任务的完整代码
2019/11/19 Python
Python OpenCV视频截取并保存实现代码
2019/11/30 Python
Django admin管理工具TabularInline类用法详解
2020/05/14 Python
Python csv文件记录流程代码解析
2020/07/16 Python
Bjorn Borg官方网上商店:国际运动时尚品牌
2016/08/27 全球购物
莫斯科的韩国化妆品店:Sifo
2019/12/04 全球购物
中职应届生会计求职信
2013/10/23 职场文书
新年主持词
2014/03/27 职场文书
争做文明公民倡议书
2014/08/29 职场文书
施工安全协议书范本
2014/09/26 职场文书
开展批评与自我批评发言稿
2014/10/16 职场文书
手机销售员岗位职责
2015/04/11 职场文书
关于考试抄袭的检讨书
2019/11/02 职场文书
Redis官方可视化工具RedisInsight安装使用教程
2022/04/19 Redis
带你了解Java中的ForkJoin
2022/04/28 Java/Android
Win11任务栏无法正常显示 资源管理器不停重启的解决方法
2022/07/07 数码科技