JQuery中对Select的option项的添加、删除、取值
2015-11-13 18:02
519 查看
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();
转自:/article/1251892.html
代码如下:
$("#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();
转自:/article/1251892.html
相关文章推荐
- jQuery select显示部分选项
- jquery选择器大全
- jquery幻灯片更新版
- Ajax成功添加新DOM元素 jquery 绑定元素事件
- Ajax成功添加新DOM元素 jquery 绑定元素事件
- jquery实践案例--验证手机号码
- jquery选择器 直观实验
- jQuery-1.9.1源码分析系列(六) 延时对象续——辅助函数jQuery.when
- jQuery trigger one用法
- jQuery插件之验证控件jquery.validate.js
- Jquery过滤选择器,选择前几个元素,后几个元素,内容过滤选择器等
- jquery日期插件jquery.datePicker详解
- jquery 插件开发 $.extend $.fn.extend 全局对象 全局函数
- 解决 Jquery UI Tooltip 用在Select 的BUG
- jquery mobile报错:Uncaught SecurityError: Failed to execute 'replaceState' on 'History':
- jQuery event,冒泡,默认事件用法
- jQuery-1.9.1源码分析系列(六) 延时对象
- 属性添加 jquery after方法
- jquery实现输入框聚焦,键盘上下键选择城市
- 如何通过JQuery将DIV的滚动条滚动到指定的位置