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 相关文章推荐
javascript radio 联动效果
Mar 04 Javascript
理解Javascript_14_函数形式参数与arguments
Oct 20 Javascript
js中的replace方法使用介绍
Oct 28 Javascript
浅谈Javascript变量作用域问题
Dec 16 Javascript
jquery实现拖拽调整Div大小
Jan 30 Javascript
Javascript连接Access数据库完整实例
Aug 03 Javascript
js电话号码验证方法
Sep 28 Javascript
用jQuery.ajaxSetup实现对请求和响应数据的过滤
Dec 20 Javascript
分享19个JavaScript 有用的简写写法
Jul 07 Javascript
在vue中使用Autoprefixed的方法
Jul 27 Javascript
vue v-for循环重复数据无法添加问题解决方法【加track-by='索引'】
Mar 15 Javascript
vue自定义指令实现仅支持输入数字和浮点型的示例
Oct 30 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
Windows下PHP5和Apache的安装与配置
2006/09/05 PHP
真正面向对象编程:PHP5.01发布
2006/10/09 PHP
PHP中Session的概念
2006/10/09 PHP
php date与gmdate的获取日期的区别
2010/02/08 PHP
PHP测试成功的邮件发送案例
2015/10/26 PHP
PHP模板引擎Smarty中变量的使用方法示例
2016/04/11 PHP
thinkphp框架实现删除和批量删除
2016/06/29 PHP
php操作路径的经典方法(必看篇)
2016/10/04 PHP
利用js对象弹出一个层
2008/03/26 Javascript
JavaScript高级程序设计 扩展--关于动态原型
2010/11/09 Javascript
javascript里绝对用的上的字符分割函数总结
2014/07/31 Javascript
原生javascript实现图片放大镜效果
2017/01/18 Javascript
详解require.js配置路径的用法和css的引入
2017/09/06 Javascript
微信小程序使用二次贝塞尔曲线画波浪
2018/12/25 Javascript
JavaScript中工厂函数与构造函数示例详解
2019/05/06 Javascript
bootstrap table.js动态填充单元格数据的多种方法
2019/07/18 Javascript
使用Angular material主题定义自己的组件库的配色体系
2019/09/04 Javascript
three.js着色器材质的内置变量示例详解
2020/08/16 Javascript
解决vue项目中遇到 Cannot find module ‘chalk‘ 报错的问题
2020/11/05 Javascript
[04:22]DSPL第二期精彩集锦:残血反杀!
2014/12/10 DOTA
在Python中使用HTML模版的教程
2015/04/29 Python
Python中list列表的一些进阶使用方法介绍
2015/08/15 Python
使用 Python 实现文件递归遍历的三种方式
2018/07/18 Python
Python在for循环中更改list值的方法【推荐】
2018/08/17 Python
详解Python3中setuptools、Pip安装教程
2019/06/18 Python
Python企业编码生成系统之主程序模块设计详解
2019/07/26 Python
在django模板中实现超链接配置
2019/08/21 Python
基于jupyter代码无法在pycharm中运行的解决方法
2020/04/21 Python
python 还原梯度下降算法实现一维线性回归
2020/10/22 Python
html5需遵循的6个设计原则
2016/04/27 HTML / CSS
iPhoneX安全区域(Safe Area)底部小黑条在微信小程序和H5的屏幕适配
2020/04/08 HTML / CSS
Belvilla德国:在线预订度假屋
2018/04/10 全球购物
豪华床上用品、床单和浴室必需品:Peacock Alley
2019/09/04 全球购物
党员个人剖析材料
2014/09/30 职场文书
学校党支部承诺书
2015/04/30 职场文书
浅谈Python项目的服务器部署
2021/04/25 Python