jquery操作select下拉框的多种方法(选中,取值,赋值等)

1、Query 获取 Select 选择的 Text 和 Value:语法解释：1. $(#select_id).change(function()/code.);/中一项时触发2. varcheckText=$(#select_id).find(option:selected).text();/获取 Select选择的 Text3. varcheckValue=$(#select_id).val();/获取 Select 选择的 Value4. varcheckIndex=$(#select_id).get(0).selectedIndex;/获取 Select 选择的索引值5. varmaxI

2、ndex=$(#select_idoption:last).attr(index);/获取 Select 最大的索引值jQuery 设置 Select 选择的 Text 和 Value:语法解释：1. $(#select_id).get(0).selectedIndex=1;/设置 Select 索引值为 1 的项选中2. $(#select_id).val(4);/设置 Select 的 Value 值为 4 的项选中3. $(#select_idoptiontext=jQuery).attr(selected,true);/设置 Select的 Text 值为 jQuery 的项选中jQu

3、ery 添加/删除 Select 的 Option 项：语法解释：加一个 Option(下拉项)2. $(#select_id).prepend(一个 Option(第一个位置)3. $(#select_idoption:last).remove();/个)4. $(#select_idoptionindex=0).remove();/Option(第一个)5. $(#select_idoptionvalue=3).remove();/5.$(#select_idoptiontext=4).remove();/http:/jqueryradio 取值，checkbox 取值,select 取值

4、，radio 选中,checkbox 选中,select 选中，及其相关获取一组 radio 被选中项的值varitem=$(inputname=itemschecked).val();获取 select 被选中项的文本varitem=$(selectname=itemsoptionselected).text();select 下拉框的第二个元素为当前选中值$(#select_id)0.selectedIndex=1;radio 单选组的第二个元素为当前选中值$(inputname=items).get(1).checked=true;获取值:为 Select 添加事件，当选择其1.$(#s

5、elect_id).append(Text);/为 Select 追请选择);/为 Select 插入删除 Select中索引值最大 Option(最后一删除 Select 中索引值为 0 的删除 Select 中 Value=3的 Option删除 Select 中 Text=4的 Option文本框，文本区域：$(#txt).attr(value);多选框 checkbox:$(#checkbox_id).attr(value)单选组 radio:$(inputtype=radiochecked).val();下拉框 select:$(#sel).val();/遍历 option 和添加、

6、移除 optionfunctionchangeShipMethod(shipping)varlen=$(selectname=ISHIPTYPEoption).lengthif(shipping.value!=CA)$(selectname=ISHIPTYPEoption).each(function()if($(this).val()=111)$(this).remove(););else$(UPSGround).appendTo($(selectname=ISHIPTYPE);/取得下拉逗军的逗取值$(#testSelectoption:selected).text();或$(#testS

7、elect).find(option:selected).text();或$(#testSelect).val();/记性不好的可以收藏下：控制表单元素：文本框，文本区域：$(#txt).attr(value,);$(#txt).attr(value,11);填充内容多选框 checkbox:$(#chk1).attr(checked,);$(#chk2).attr(checked,true);打勾if($(#chk1).attr(checked)=undefined)/单选组 radio:$(inputtype=radio).attr(checked,2);/目为当前选中项下拉框 selec

8、t:$(#sel).attr(value,-sel3);/选中项$(2222).appendTo(#sel)$(#sel).empty();/清空下拉框清空内容不打勾判断是否已经打勾设置 value=2 的项设置 value=-sel3 的项目为当前value=11111option 添加下拉框的 option1,下拉框：varcc1=$(.formcselectname=countryoptionselected).text();/得到下拉菜单的选中项的文本(注意中间有空格)varcc2=$(.formcselectname=country).val();/varcc3=$(.formcse

9、lectname=country).attr(id);/的 ID 属性值$(#select).empty();/清空下拉框$(#select).html();$(1111).appendTo(#select)稍微解释一下：1.selectname=countryoptionselected表示具有 name 属性，并且该属性值为country的 select 元素里面的具有 selected 属性的 option 元素;可以看出有刨头的就表示后面跟的是属性。2,单选框：空格）$(inputtype=radiovalue=2).attr(checked,checked);的为选中状态.(注意中间

10、没有空格)3,复选框：$(inputtype=checkboxchecked).val();/得到复选框的选中的第一项的值$(inputtype=checkboxchecked).each(function()/由于复选框一般选中的是多个，所以可以循环输出alert($(this).val(););$(#chk1).attr(checked,);/不打勾$(#chk2).attr(checked,true);打勾if($(#chk1).attr(checked)=undefined)/判断是否已经打勾当然 jquery 的选择器是强大的.还有很多方法.scriptlanguage=javasc

11、ripttype=text/javascript$(document).ready(function()$(#selectTest).change(function()/alert(Hello);/alert($(#selectTest).attr(name);/$(a).attr(href,xx.html);/window.location.href=xx.html;/alert($(#selectTest).val();alert($(#selectTestoptionselected).text();$(#selectTest).attr(value,2);););得到下拉菜单的选中项的

12、值得到下拉菜单的选中项添加下拉框的 option$(inputtype=radiochecked).val();得到单选框的选中项的值（注意中间没有/设置单选框 value=2aaass112233445566jqueryradio 取值，checkbox 取值,select 取值，radio 选中,checkbox 选中,select 选中，及其相关获取一组 radio 被选中项的值varitem=$(inputname=itemschecked).val();获取 select 被选中项的文本varitem=$(selectname=itemsoptionselected).text();

13、select 下拉框的第二个元素为当前选中值$(#select_id)0.selectedIndex=1;radio 单选组的第二个元素为当前选中值$(inputname=items).get(1).checked=true;获取值：文本框，文本区域：$(#txt).attr(value);多选框 checkbox:$(#checkbox_id).attr(value)单选组 radio:$(inputtype=radiochecked).val();下拉框 select:$(#sel).val();控制表单元素：下拉框 select:$(#sel).attr(value,-sel3);/设置

14、 value=-sel3 的项目为当前选中项$(optionvalue=1>11112222/option>).appendTo(#sel)/添加下拉框的 option$(#sel).empty();/清空下拉框获取一组 radio 被选中项的值varitem=$(inputname=itemschecked).val();获取 select 被选中项的文本varitem=$(selectname=itemsoptionselected).text();select 下拉框的第二个元素为当前选中值$(#select_id)0.selectedIndex=1;radi

15、o 单选组的第二个元素为当前选中值文本框，文本区域：$(#txt).attr(value,);/$(#txt).attr(value,11);/填充内容多选框 checkbox:$(#chk1).attr(checked,);$(#chk2).attr(checked,true);打勾单选组 radio:$(inputtype=radio).attr(checked,2);/当前选中项清空内容不打勾判断是否已经打勾设置 value=2 的项目为$(inputname=items).get.checked=true;获取值：文本框，文本区域：$(#txt).attr(value);多选框 checkbox:$(#checkbox_id).attr(value)单选组 radio:$(inputtype=radiochecked).val();下拉框 select:$(#sel).val();控制表单元素：文本框，文本区域：$(#txt).attr(value,);清空内容$(#txt).attr(value,11);/填充内容多选框 checkbox:$(#chk1).attr(checked,);/不打勾$(#chk2).attr(checked,true);打勾if($(#chk1).attr(checked)=undefined