JQuery中对Select的option项的添加、删除、取值


Posted in Javascript onAugust 25, 2013

jQuery获取Select选择的Text和Value:

$("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 
var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text 
var checkValue=$("#select_id").val(); //获取Select选择的Value 
var checkIndex=$("#select_id ").get(0).selectedIndex; //获取Select选择的索引值 
var maxIndex=$("#select_id option:last").attr("index"); //获取Select最大的索引值

jQuery添加/删除Select的Option项:
$("#select_id").append("<option value='Value'>Text</option>"); //为Select追加一个Option(下拉项) 
$("#select_id").prepend("<option value='0'>请选择</option>"); //为Select插入一个Option(第一个位置) 
$("#select_id option:last").remove(); //删除Select中索引值最大Option(最后一个) 
$("#select_id option[index='0']").remove(); //删除Select中索引值为0的Option(第一个) 
$("#select_id option[value='3']").remove(); //删除Select中Value='3'的Option 
$("#select_id option[text='4']").remove(); //删除Select中Text='4'的Option

内容清空:
$("#charCity").empty();
Javascript 相关文章推荐
jquery.cvtooltip.js 基于jquery的气泡提示插件
Nov 19 Javascript
理清apply(),call()的区别和关系
Aug 14 Javascript
深入理解JavaScript作用域和作用域链
Oct 21 Javascript
30个让人兴奋的视差滚动(Parallax Scrolling)效果网站
Mar 04 Javascript
网页加载时页面显示进度条加载完成之后显示网页内容
Dec 23 Javascript
微信小程序左右滑动切换页面详解及实例代码
Feb 28 Javascript
angularjs ui-router中路由的二级嵌套
Mar 10 Javascript
Vue 父子组件数据传递的四种方式( inheritAttrs + $attrs + $listeners)
May 04 Javascript
vue弹窗插件实战代码
Sep 08 Javascript
vue单页缓存存在的问题及解决方案(小结)
Sep 25 Javascript
如何在Vue中使用CleaveJS格式化你的输入内容
Dec 14 Javascript
用JS实现一个简单的打砖块游戏
Dec 11 Javascript
JavaScript限定复选框的选择个数示例代码
Aug 25 #Javascript
jquery中加载图片自适应大小主要实现代码
Aug 23 #Javascript
jquery eval解析JSON中的注意点介绍
Aug 23 #Javascript
jQuery中RadioButtonList的功能及用法实例介绍
Aug 23 #Javascript
使用jQuery插件创建常规模态窗口登陆效果
Aug 23 #Javascript
Jquery绑定事件(bind和live的区别介绍)
Aug 23 #Javascript
鼠标移到导航当前位置的LI变色处于选中状态
Aug 23 #Javascript
You might like
打造计数器DIY三步曲(上)
2006/10/09 PHP
php数组函数序列之next() - 移动数组内部指针到下一个元素的位置,并返回该元素值
2011/10/31 PHP
php实现的mongodb操作类
2015/05/28 PHP
PHP函数checkdnsrr用法详解(Windows平台用法)
2016/03/21 PHP
利用php-cli和任务计划实现订单同步功能的方法
2017/05/03 PHP
laravel 判断查询数据库返回值的例子
2019/10/11 PHP
javascript动态创建及删除元素的方法
2014/12/22 Javascript
javascript实现Table排序的方法
2015/05/15 Javascript
js实现Select头像选择实时预览代码
2015/08/17 Javascript
详解js的六大数据类型
2016/12/27 Javascript
JS实现含有中文字符串的友好截取功能分析
2017/03/13 Javascript
vue-cli webpack 开发环境跨域详解
2017/05/18 Javascript
JS设置手机验证码60s等待实现代码
2017/06/14 Javascript
利用require.js与angular搭建spa应用的方法实例
2017/07/19 Javascript
详解React Native开源时间日期选择器组件(react-native-datetime)
2017/09/13 Javascript
Web开发使用Angular实现用户密码强度判别的方法
2017/09/27 Javascript
vue-cli中使用高德地图的方法示例
2019/03/28 Javascript
layui radio点击事件实现input显示和隐藏的例子
2019/09/02 Javascript
Postman参数化实现过程及原理解析
2020/08/13 Javascript
vue使用echarts实现水平柱形图实例
2020/09/09 Javascript
python网络编程之TCP通信实例和socketserver框架使用例子
2014/04/25 Python
Python Sqlite3以字典形式返回查询结果的实现方法
2016/10/03 Python
EM算法的python实现的方法步骤
2018/01/02 Python
Python3实现的简单三级菜单功能示例
2019/03/12 Python
关于jupyter打开之后不能直接跳转到浏览器的解决方式
2020/04/13 Python
详解python程序中的多任务
2020/09/16 Python
时尚圣经:The Fashion Bible
2019/03/03 全球购物
业务员简历自我评价
2014/03/06 职场文书
黄金搭档广告词
2014/03/21 职场文书
2014年幼儿园安全工作总结
2014/11/10 职场文书
2014年社区个人工作总结
2014/12/02 职场文书
实习单位指导教师评语
2014/12/30 职场文书
一年级语文教学随笔
2015/08/14 职场文书
队列队形口号
2015/12/25 职场文书
单身狗福利?Python爬取某婚恋网征婚数据
2021/06/03 Python
5道关于python基础 while循环练习题
2021/11/27 Python