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 相关文章推荐
js点击更换背景颜色或图片的实例代码
Jun 25 Javascript
使用jquery+CSS3实现仿windows10开始菜单的下拉导航菜单特效
Sep 24 Javascript
jQuery实现分章节锚点“回到顶部”动画特效代码
Oct 23 Javascript
实例详解jQuery Mockjax 插件模拟 Ajax 请求
Jan 12 Javascript
用JavaScript获取页面文档内容的实现代码
Jun 10 Javascript
全面介绍javascript实用技巧及单竖杠
Jul 18 Javascript
EasyUI在Panel上动态添加LinkButton按钮
Aug 11 Javascript
node vue项目开发之前后端分离实战记录
Dec 13 Javascript
使用ng-packagr打包Angular的方法示例
Sep 21 Javascript
对angularJs中controller控制器scope父子集作用域的实例讲解
Oct 08 Javascript
elementUI 动态生成几行几列的方法示例
Jul 11 Javascript
vue实现短信验证码输入框
Apr 17 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面试题集锦
2012/03/08 PHP
PHP实现读取一个1G的文件大小
2013/08/24 PHP
ThinkPHP实现多数据库连接的解决方法
2014/07/01 PHP
php+resumablejs实现的分块上传 断点续传功能示例
2017/04/18 PHP
php读取出一个文件夹及其子文件夹下所有文件的方法示例
2017/06/15 PHP
laravel框架查询数据集转为数组的两种方法
2019/10/10 PHP
jQuery事件 delegate()使用方法介绍
2012/10/30 Javascript
JS弹出窗口代码大全(详细整理)
2012/12/21 Javascript
(跨浏览器基础事件/浏览器检测/判断浏览器)经验代码分享
2013/01/24 Javascript
公共js在页面底部加载的注意事项介绍
2013/07/18 Javascript
图片放大镜jquery.jqzoom.js使用实例附放大镜图标
2014/06/19 Javascript
充分发挥Node.js程序性能的一些方法介绍
2015/06/23 Javascript
浅谈js中的延迟执行和定时执行
2016/05/31 Javascript
jQuery Validation Engine验证控件调用外部函数验证的方法
2017/01/18 Javascript
jQuery布局组件EasyUI Layout使用方法详解
2017/02/28 Javascript
关闭Vue计算属性自带的缓存功能方法
2018/03/02 Javascript
Vue 将后台传过来的带html字段的字符串转换为 HTML
2018/03/29 Javascript
基于JavaScript的数据结构队列动画实现示例解析
2020/08/06 Javascript
python网络编程之TCP通信实例和socketserver框架使用例子
2014/04/25 Python
用不到50行的Python代码构建最小的区块链
2017/11/16 Python
selenium python浏览器多窗口处理代码示例
2018/01/15 Python
Python+Turtle动态绘制一棵树实例分享
2018/01/16 Python
PyCharm安装Markdown插件的两种方法
2019/06/24 Python
python3+PyQt5 自定义窗口部件--使用窗口部件样式表的方法
2019/06/26 Python
Pycharm修改python路径过程图解
2020/05/22 Python
Python 添加文件注释和函数注释操作
2020/08/09 Python
HTML5 背景的显示区域实现
2020/07/09 HTML / CSS
西班牙网上书店:Casa del Libro
2016/11/01 全球购物
高一数学教学反思
2014/02/07 职场文书
保护环境倡议书300字
2014/05/19 职场文书
群众路线问题查摆对照检查材料
2014/10/04 职场文书
2014年学校团委工作总结
2014/12/20 职场文书
离婚协议书范文2015
2015/01/26 职场文书
实习证明格式范文
2015/06/16 职场文书
在校生证明
2015/06/17 职场文书
升学宴来宾致辞
2015/07/27 职场文书