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 Excel操作知识点
Apr 24 Javascript
javascript 在网页中的运用(asp.net)
Nov 23 Javascript
jQuery帮助之筛选查找 children([expr])
Jan 31 Javascript
JS截取字符串常用方法详细整理
Oct 28 Javascript
jQuery中[attribute!=value]选择器用法实例
Dec 31 Javascript
第二章之Bootstrap 页面排版样式
Apr 25 Javascript
jquery动态切换背景图片的简单实现方法
May 14 Javascript
jQuery常用样式操作实例分析(获取、设置、追加、删除、判断等)
Sep 08 Javascript
jQuery实现导航高亮的方法【附demo源码下载】
Nov 09 Javascript
详解微信小程序 页面跳转 传递参数
Dec 08 Javascript
使用AngularJS 跨站请求如何解决jsonp请求问题
Jan 16 Javascript
js Math数学简单使用操作示例
Mar 13 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版(3)
2006/10/09 PHP
php字符串截取中文截取2,单字节截取模式
2007/12/10 PHP
PHP取二进制文件头快速判断文件类型的实现代码
2013/08/05 PHP
PHP微信刮刮卡 附微信接口
2016/07/22 PHP
Javascript 定时器调用传递参数的方法
2009/11/12 Javascript
firefox下input type=&quot;file&quot;的size是多大
2011/10/24 Javascript
jquery手风琴特效插件
2015/02/04 Javascript
对JavaScript客户端应用编程的一些建议
2015/06/24 Javascript
JQUERY实现网页右下角固定位置展开关闭特效的方法
2015/07/27 Javascript
jquery专业的导航菜单特效代码分享
2015/08/29 Javascript
Node.js刷新session过期时间的实现方法推荐
2016/05/18 Javascript
JS比较两个数值的大小实例
2016/11/25 Javascript
bootstrap响应式表格实例详解
2017/05/15 Javascript
使用bootstraptable插件实现表格记录的查询、分页、排序操作
2017/08/06 Javascript
javascript基本常用排序算法解析
2017/09/27 Javascript
Vue 将后台传过来的带html字段的字符串转换为 HTML
2018/03/29 Javascript
浅谈Javascript中的对象和继承
2019/04/19 Javascript
vue列表数据发生变化指令没有更新问题及解决方法
2020/01/16 Javascript
Python os模块介绍
2014/11/30 Python
python实现清屏的方法
2015/04/30 Python
python冒泡排序简单实现方法
2015/07/09 Python
python操作mysql数据库
2017/03/05 Python
Windows下Python3.6安装第三方模块的方法
2018/11/22 Python
python 计算积分图和haar特征的实例代码
2019/11/20 Python
在pycharm中关掉ipython console/PyDev操作
2020/06/09 Python
python实现测试工具(一)——命令行发送get请求
2020/10/19 Python
css3实例教程 一款纯css3实现的环形导航菜单
2014/10/20 HTML / CSS
俄罗斯最大的消费电子连锁零售商:Mvideo
2017/06/25 全球购物
英国著名的小众美容品牌网站:Alyaka
2017/08/08 全球购物
电信专业毕业生推荐信
2013/11/18 职场文书
模具设计与制造专业推荐信
2014/02/16 职场文书
党员干部承诺书范文
2014/03/25 职场文书
营业员岗位职责
2015/02/11 职场文书
导游词之上饶龟峰
2019/10/25 职场文书
Python异常类型以及处理方法汇总
2021/06/05 Python
Python爬取某拍短视频
2021/06/11 Python