JQuery给select添加/删除节点的实现代码
作者:bea
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).selectedInd
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();
以上这篇JQuery给select添加/删除节点的实现代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
有用 | 无用
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();
以上这篇JQuery给select添加/删除节点的实现代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- requireJS使用指南
- vue,angular,avalon这三种MVVM框架优缺点
- 浏览器兼容的JS写法总结
- Vue.js基础知识汇总
- JS onkeypress兼容性写法详解
- 使用vue.js开发时一些注意事项
- 原生js实现addClass,removeClass,hasClass方法
- Function.prototype.apply()与Function.prototype.call()小结
- 常用原生JS兼容性写法汇总
- JS组件Bootstrap实现弹出框效果代码
- 跨域资源共享 CORS 详解
- Bootstrap滚动监听(Scrollspy)插件详解
- JS组件Bootstrap实现下拉菜单效果代码
- 基于Jquery插件实现跨域异步上传文件功能
- Bootstrap每天必学之模态框(Modal)插件
- 深入理解JS中的substr和substring
- js获取页面及个元素高度、宽度的代码
- Windows 系统下设置Nodejs NPM全局路径
- jQuery javascript获得网页的高度与宽度的实现代码