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拥有类似Lambda表达式编程能力的方法
Sep 12 Javascript
JavaScript中的return语句简单介绍
Dec 07 Javascript
快速解决js动态改变dom元素属性后页面及时渲染的问题
Jul 06 Javascript
JS实现将数字金额转换为大写人民币汉字的方法
Aug 02 Javascript
深入理解jquery中的each用法
Dec 14 Javascript
AngularJs中 ng-repeat指令中实现含有自定义指令的动态html的方法
Jan 19 Javascript
jQuery Autocomplete简介_动力节点Java学院整理
Jul 17 jQuery
bootstrap多层模态框滚动条消失的问题
Jul 21 Javascript
vue和webpack安装命令详解
Jun 15 Javascript
JavaScript设计模式之责任链模式实例分析
Jan 16 Javascript
解决layui的radio属性或别的属性没显示出来的问题
Sep 26 Javascript
Vuex实现简单购物车
Jan 10 Vue.js
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
对squid中refresh_pattern的一些理解和建议
2009/04/17 PHP
深入解析PHP中的(伪)多线程与多进程
2013/07/01 PHP
如何使用PHP批量去除文件UTF8 BOM信息
2013/08/05 PHP
Aster vs Newbee BO5 第一场2.19
2021/03/10 DOTA
Add Formatted Data to a Spreadsheet
2007/06/12 Javascript
web的各种前端打印方法之jquery打印插件PrintArea实现网页打印
2013/01/09 Javascript
用js实现控件的隐藏及style.visibility的使用
2013/06/14 Javascript
js弹出层包含flash 不能关闭隐藏的2种处理方法
2013/06/17 Javascript
jquery按回车提交数据的代码示例
2013/11/05 Javascript
深入理解jQuery中live与bind方法的区别
2013/12/18 Javascript
jquery实现点击消失的代码
2014/03/03 Javascript
jQuery对指定元素中指定字符串进行替换的方法
2015/03/17 Javascript
使用JQuery实现智能表单验证功能
2016/03/08 Javascript
jQuery基于ID调用指定iframe页面内的方法
2016/07/06 Javascript
JavaScript之Vue.js【入门基础】
2016/12/06 Javascript
jQuery上传插件webupload使用方法
2017/08/01 jQuery
Node.js学习之地址解析模块URL的使用详解
2017/09/28 Javascript
vue实现输入框自动跳转功能
2020/05/20 Javascript
微信小程序swiper组件实现抖音翻页切换视频功能的实例代码
2020/06/24 Javascript
Python脚本实现代码行数统计代码分享
2015/03/10 Python
Python使用中文正则表达式匹配指定中文字符串的方法示例
2017/01/20 Python
Pyqt5 基本界面组件之inputDialog的使用
2019/06/25 Python
python读取大文件越来越慢的原因与解决
2019/08/08 Python
Python彻底删除文件夹及其子文件方式
2019/12/23 Python
关于Pytorch的MLP模块实现方式
2020/01/07 Python
什么是Python变量作用域
2020/06/03 Python
python 实现的IP 存活扫描脚本
2020/12/10 Python
HTML5中新标签和常用标签详解
2014/03/07 HTML / CSS
html5中嵌入视频自动播放的问题解决
2020/05/25 HTML / CSS
FC-Moto美国:欧洲最大的摩托车服装和头盔商店之一
2019/08/24 全球购物
Envie de Fraise意大利:法国网上推出的孕妇装品牌
2020/10/18 全球购物
文秘档案管理岗位职责
2014/03/06 职场文书
社会学专业求职信
2014/07/17 职场文书
个人作风纪律整顿整改措施
2014/10/25 职场文书
失恋33天观后感
2015/06/11 职场文书
正规欠条模板
2015/07/03 职场文书