jQuery对Select的操作大集合(收藏)


Posted in Javascript onDecember 28, 2013

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

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

Javascript 相关文章推荐
理解javascript中的回调函数(callback)
Sep 02 Javascript
JavaScript父子窗体间的调用方法
Mar 31 Javascript
JQuery显示隐藏页面元素的方法总结
Apr 16 Javascript
再JavaScript的jQuery库中编写动画效果的指南
Aug 13 Javascript
javascript实现查找数组中最大值方法汇总
Feb 13 Javascript
总结jQuery插件开发中的一些要点
May 16 Javascript
几种二级联动案例(jQuery\Array\Ajax php)
Aug 13 Javascript
Javascript实现倒计时时差效果
May 18 Javascript
layer.open 按钮的点击事件关闭方法
Aug 17 Javascript
Vuex的各个模块封装的实现
Jun 05 Javascript
小程序组件传值和引入sass的方法(使用vant Weapp组件库)
Nov 24 Javascript
JS的深浅复制详细
Oct 16 Javascript
Jqgrid设置全选(选择)及获取选择行的值示例代码
Dec 28 #Javascript
jquery改变tr背景色的示例代码
Dec 28 #Javascript
javaScript对文字按照拼音排序实现代码
Dec 27 #Javascript
jquery弹出层类代码分享
Dec 27 #Javascript
可插入图片的TEXT文本框
Dec 27 #Javascript
jQuery拖拽 &amp; 弹出层 介绍与示例
Dec 27 #Javascript
JS字符串截取函数实例
Dec 27 #Javascript
You might like
PHP 函数语法介绍一
2009/06/14 PHP
php禁止浏览器使用缓存页面的方法
2014/11/07 PHP
Laravel中unique和exists验证规则的优化详解
2018/01/28 PHP
PHP中-&gt;和=&gt;的含义及使用示例解析
2020/08/06 PHP
div+css布局的图片连续滚动js实现代码
2010/05/04 Javascript
form表单只提交数据而不进行页面跳转的解决方案
2013/09/18 Javascript
jquery实现表单验证并阻止非法提交
2015/07/09 Javascript
JavaScript接口的实现三种方式(推荐)
2016/06/14 Javascript
在微信、支付宝、百度钱包实现点击返回按钮关闭当前页面和窗口的方法
2016/08/05 Javascript
jquery 抽奖小程序实现代码
2016/10/12 Javascript
基于JS组件实现拖动滑块验证功能(代码分享)
2016/11/18 Javascript
jQuery中$.grep() 过滤函数 数组过滤
2016/11/22 Javascript
Bootstrap基本插件学习笔记之标签切换(17)
2016/12/08 Javascript
JavaScrpt的面向对象全面解析
2017/05/09 Javascript
React学习之事件绑定的几种方法对比
2017/09/24 Javascript
VUE2 前端实现 静态二级省市联动选择select的示例
2018/02/09 Javascript
Angular使用动态加载组件方法实现Dialog的示例
2018/05/11 Javascript
探秘vue-rx 2.0(推荐)
2018/09/21 Javascript
在小程序开发中使用npm的方法
2018/10/17 Javascript
Python统计列表中的重复项出现的次数的方法
2014/08/18 Python
Python的语言类型(详解)
2017/06/24 Python
TensorFlow搭建神经网络最佳实践
2018/03/09 Python
Python字符串内置函数功能与用法总结
2019/04/16 Python
python 命令行传入参数实现解析
2019/08/30 Python
python中pivot()函数基础知识点
2021/01/03 Python
使用jTopo给Html5 Canva中绘制的元素添加鼠标事件
2014/05/15 HTML / CSS
Html5写一个简单的俄罗斯方块小游戏
2019/12/03 HTML / CSS
英国领先的大码时装品牌之一:Elvi
2018/08/26 全球购物
台湾东南旅游社网站:东南旅游
2019/02/11 全球购物
Canal官网:巴西女性时尚品牌
2019/10/16 全球购物
上班早退检讨书
2014/01/09 职场文书
学校总务处领导干部个人对照检查材料思想汇报
2014/10/06 职场文书
党小组评议意见
2015/06/02 职场文书
负责培养人意见
2015/06/05 职场文书
MySQL中distinct和count(*)的使用方法比较
2021/05/26 MySQL
MySQL数据库事务的四大特性
2022/04/20 MySQL