jQuery-对Select的操作集合

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

1. $("#select_id ").get(0).selectedIndex=1;  //设置Select索引值为1的项选中
2. $("#select_id ").val(4);   //设置Select的Value值为4的项选中
3. $("#select_id option[text='jQuery']").attr("selected", true);   //设置Select的Text值为jQuery的项选中

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

转载于:https://www.cnblogs.com/zhaojin/archive/2012/02/28/2371645.html

jQuery-对Select的操作集合相关推荐

【jq】JQuery对select的操作
下拉框 <select id="selectID" name="selectName"> <option vlaue="1" ...
jquery对Select的操作
引自:http://www.cnblogs.com/50614090/archive/2012/03/22/2411709.html 一.获取选择的值 $("#select_id" ...
jquery对select的操作详解
select的html标签如下:<select class="xxx" id="yyy"><option></option> ...
jQuery: 操作select option方法集合
每一次操作select的时候,总是要谷歌一下资料,真是太不爽了, 在这里记录一下. 公共select代码 <select id="sel"><option val ...
jQuery的Select操作集合
jQuery获取Select选择的Text和Value: 语法解释: 1. $("#select_id").change(function(){//code...}); //为Se ...
JQUERY对RADIO,CHECKBOX,SELECT的操作常用方法大全
JQUERY对RADIO,CHECKBOX,SELECT的操作 ******************************************************************** ...
jQuery对select操作(2)
jQuery对select操作 (2009-04-02 18:46:03) 转载标签: jquery select option 获取自定义属性 it 分类: javascript //遍历op ...
jQuery获得select的值及其他操作
总结一下 jQuery获得select的值,以及其他操作, 1.获取第一个option的值 $('#test option:first').val();2.最后一个option的值 $('#test ...
jquery中select操作append、prepend、remove、find、val、get、selectedIndex、attr、option
全栈工程师开发手册 (作者:栾鹏) jquery系列教程2-DOM操作全解 jquery中select操作 jquery中select操作函数和字段包括append.prepend.remove.fi ...
jQuery 学习笔记一(认识jQuery jQuery选择器 jQuery中的DOM操作)
第一章认识jQuery jQuery代码风格 $(document).ready(function(){ //... }); 简化 $(function(){ //... }); jQuery对象转 ...

jQuery-对Select的操作集合

jQuery-对Select的操作集合相关推荐

最新文章

热门文章