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使用prototype定义对象类型
Feb 07 Javascript
jQuery Tips 为AJAX回调函数传递额外参数的方法
Dec 28 Javascript
jquery遍历筛选数组的几种方法和遍历解析json对象
Dec 13 Javascript
Script标签与访问HTML页面详解
Jan 10 Javascript
学习JavaScript设计模式之代理模式
Jan 12 Javascript
利用Angular.js限制textarea输入的字数
Oct 20 Javascript
node.js缺少mysql模块运行报错的解决方法
Nov 13 Javascript
JQ图片文件上传之前预览功能的简单实例(分享)
Nov 12 Javascript
Angular4 组件通讯方法大全(推荐)
Jul 12 Javascript
零基础之Node.js搭建API服务器的详解
Mar 08 Javascript
vue中通过使用$attrs实现组件之间的数据传递功能
Sep 01 Javascript
ant design vue导航菜单与路由配置操作
Oct 28 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
PHP出错界面
2006/10/09 PHP
使用php+xslt在windows平台上
2006/10/09 PHP
PHP中将网页导出为Word文档的代码
2012/05/25 PHP
在PHP中使用X-SendFile头让文件下载更快
2014/06/01 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(十五)
2014/06/30 PHP
php 参数过滤、数据过滤详解
2015/10/26 PHP
一个多次搜索+多次传值的解决方案
2007/01/20 Javascript
JavaScript验证电子邮箱的函数
2014/08/22 Javascript
jquery结合CSS使用validate实现漂亮的验证
2015/01/29 Javascript
触屏中的JavaScript事件分析
2015/02/06 Javascript
jQuery+AJAX实现遮罩层登录验证界面(附源码)
2020/09/13 Javascript
AngularJS实现分页显示数据库信息
2016/07/01 Javascript
node.js中EJS 模板快速入门教程
2017/05/08 Javascript
浅谈vue 单文件探索
2018/09/05 Javascript
详解微信图片防盗链“此图片来自微信公众平台 未经允许不得引用”的解决方案
2019/04/04 Javascript
基于three.js实现的3D粒子动效实例代码
2019/04/09 Javascript
Linux上安装Python的PIL和Pillow库处理图片的实例教程
2016/06/23 Python
python中装饰器级连的使用方法示例
2017/09/29 Python
用Python生成HTML表格的方法示例
2020/03/06 Python
浅谈tensorflow使用张量时的一些注意点tf.concat,tf.reshape,tf.stack
2020/06/23 Python
Python如何在单元测试中给对象打补丁
2020/08/03 Python
弄清Pytorch显存的分配机制
2020/12/10 Python
印度尼西亚值得信赖的第一家网店:Bhinneka
2018/07/16 全球购物
Bibloo奥地利:购买女装、男装、童装、鞋和配件
2018/10/18 全球购物
What is the purpose of Void class? Void类的作用是什么?
2016/10/31 面试题
老教师工作总结的自我评价
2013/09/27 职场文书
党员2014两会学习心得体会
2014/03/17 职场文书
网站客服岗位职责
2014/04/05 职场文书
机关搬迁方案
2014/05/18 职场文书
车间安全生产标语
2014/06/06 职场文书
毕业生代领毕业材料的授权委托书
2014/09/29 职场文书
运动会报道稿300字
2014/10/02 职场文书
军训决心书范文
2015/09/22 职场文书
离婚起诉书范文2016
2015/11/26 职场文书
装修安全责任协议书
2016/03/22 职场文书
《攀登者》:“海拔8000米以上,你不能指望任何人”
2019/11/25 职场文书