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 相关文章推荐
jquery获取tr并更改tr内容示例代码
Feb 13 Javascript
node.js中的fs.lchown方法使用说明
Dec 16 Javascript
JavaScript获取页面中表单(form)数量的方法
Apr 03 Javascript
jQuery实现固定在网页顶部的菜单效果代码
Sep 02 Javascript
javascript事件冒泡简单示例
Jun 20 Javascript
js的三种继承方式详解
Jan 21 Javascript
[js高手之路]原型式继承与寄生式继承详解
Aug 28 Javascript
Vue中使用方法、计算属性或观察者的方法实例详解
Oct 31 Javascript
在微信小程序中保存网络图片
Feb 12 Javascript
webpack的 rquire.context用法实现工程自动化的方法
Feb 07 Javascript
字节飞书面试promise.all实现示例
Jun 16 Javascript
js前端图片加载异常兜底方案
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
SONY ICF-SW55的电路分析
2021/03/02 无线电
php session 检测和注销
2009/03/16 PHP
php读取excel文件示例分享(更新修改excel)
2014/02/27 PHP
php+Memcached实现简单留言板功能示例
2017/02/15 PHP
PHP简单实现合并2个数字键数组值的方法
2017/05/30 PHP
Javascript实例教程(19) 使用HoTMetal(1)
2006/12/23 Javascript
js封装的textarea操作方法集合(兼容很好)
2010/11/16 Javascript
javascript中的Function.prototye.bind
2015/06/25 Javascript
Jquery常用的方法汇总
2015/09/01 Javascript
jQuery实现Meizu魅族官方网站的导航菜单效果
2015/09/14 Javascript
JavaScript中Boolean对象的属性解析
2015/10/21 Javascript
详解angular element()方法使用
2017/04/08 Javascript
MvcPager分页控件 适用于Bootstrap
2017/06/03 Javascript
JavaScript事件方法(实例讲解)
2017/06/27 Javascript
JavaScript取得gridview中获取checkbox选中的值
2017/07/24 Javascript
ES6新特性:使用export和import实现模块化详解
2017/07/31 Javascript
JavaScript实用代码小技巧
2018/08/23 Javascript
浅谈vux之x-input使用以及源码解读
2018/11/04 Javascript
vue使用screenfull插件实现全屏功能
2020/09/17 Javascript
python之Socket网络编程详解
2016/09/29 Python
python fabric实现远程部署
2017/01/05 Python
详解Python下载图片并保存本地的两种方式
2019/05/15 Python
python tkinter控件布局项目实例
2019/11/04 Python
Pytorch DataLoader 变长数据处理方式
2020/01/08 Python
Python ellipsis 的用法详解
2020/11/20 Python
python中delattr删除对象方法的代码分析
2020/12/15 Python
python中Array和DataFrame相互转换的实例讲解
2021/02/03 Python
Css3+Js制作漂亮时钟(附源码)
2013/04/24 HTML / CSS
美国正宗设计师眼镜在线零售商:EYEZZ
2019/03/23 全球购物
会计系毕业个人自荐信格式
2013/09/23 职场文书
国际经济与贸易专业大学生职业规划书
2014/03/01 职场文书
进口业务员岗位职责
2014/04/06 职场文书
贷款委托书怎么写
2014/08/02 职场文书
永不妥协观后感
2015/06/10 职场文书
法定代表人资格证明书
2015/06/18 职场文书
tensorflow学习笔记之tfrecord文件的生成与读取
2021/03/31 Python