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执行效率问题
Nov 12 Javascript
纯javascript模仿微信打飞机小游戏
Aug 20 Javascript
学习Javascript面向对象编程之封装
Feb 23 Javascript
AngularJs bootstrap搭载前台框架——准备工作
Sep 01 Javascript
javascript垃圾收集机制的原理分析
Dec 08 Javascript
Vue.js中用v-bind绑定class的注意事项
Dec 13 Javascript
bootstrap导航栏、下拉菜单、表单的简单应用实例解析
Jan 06 Javascript
angularjs点击图片放大实现上传图片预览
Feb 24 Javascript
vue写一个组件
Apr 09 Javascript
JS实现获取进今年第几天是周几的方法分析
Jun 27 Javascript
微信小程序登录按钮遮罩浮层效果的实现方法
Dec 16 Javascript
Layui实现数据表格默认全部显示(不要分页)
Oct 26 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
开启CURL扩展,让服务器支持PHP curl函数(远程采集)
2011/03/19 PHP
基于PHP服务端图片生成缩略图的方法详解
2013/06/20 PHP
PHP和Mysql中转UTF8编码问题汇总
2015/10/10 PHP
PHP中for循环与foreach的区别
2017/03/06 PHP
Yii2框架操作数据库的方法分析【以mysql为例】
2019/05/27 PHP
DIV菜单层实现代码
2010/11/19 Javascript
JS模拟面向对象全解(二、类型与赋值)
2011/07/13 Javascript
谷歌地图打不开的解决办法
2014/08/07 Javascript
更快的异步执行(setTimeout多浏览器)
2014/08/12 Javascript
原生js实现倒计时--2018
2017/02/21 Javascript
jQuery UI Grid 模态框中的表格实例代码
2017/04/01 jQuery
Angular 4依赖注入学习教程之ValueProvider的使用(七)
2017/06/04 Javascript
原生JS实现的多个彩色小球跟随鼠标移动动画效果示例
2018/02/01 Javascript
JS内部事件机制之单线程原理
2018/07/02 Javascript
jQuery实现可编辑的表格
2019/12/11 jQuery
JS实现简单打字测试
2020/06/24 Javascript
js实现鼠标滑动到某个div禁止滚动
2020/09/17 Javascript
Python实现给qq邮箱发送邮件的方法
2015/05/28 Python
python装饰器-限制函数调用次数的方法(10s调用一次)
2018/04/21 Python
对Python捕获控制台输出流的方法详解
2019/01/07 Python
将python文件打包成EXE应用程序的方法
2019/05/22 Python
由面试题加深对Django的认识理解
2019/07/19 Python
python通过函数名调用函数的几种场景
2020/09/23 Python
用CSS3实现瀑布流布局的示例代码
2017/11/10 HTML / CSS
纯HTML5+CSS3制作生日蛋糕代码
2016/11/16 HTML / CSS
HTML5新特性之语义化标签
2017/10/31 HTML / CSS
凯伦·米莲女装网上商店:Karen Millen
2017/11/07 全球购物
英国标志性生活方式品牌:Skinnydip London
2019/12/15 全球购物
Tommy Hilfiger澳洲官网:美国高端休闲领导品牌
2020/12/16 全球购物
卫校护理专业毕业生求职信
2013/11/26 职场文书
社区矫正工作方案
2014/06/04 职场文书
优秀本科毕业生自荐信
2014/07/04 职场文书
最美家庭活动方案
2014/08/31 职场文书
未来,这5大方向都很适合创业
2019/07/22 职场文书
创业项目大全(适合在家创业的项目)
2019/08/15 职场文书
vue3语法糖内的defineProps及defineEmits
2022/04/14 Vue.js