《jquery操作select下拉框的多种方法(选中,取值,赋值等).doc》由会员分享，可在线阅读，更多相关《jquery操作select下拉框的多种方法(选中,取值,赋值等).doc（7页珍藏版）》请在三一文库上搜索。
1、Query 获取 Select 选择的 Text 和 Value: 语法解释：1. $(#select_id).change(function()/code.); / 中一项时触发为 Select 添加事件， 当选择其2. var checkText=$(#select_id).find(option:selected).text(); / 选择的 Text获取 Select3. var checkValue=$(#select_id).val(); /获取 Select 选择的 Value4. var checkIndex=$(#select_id 值5. var maxIndex=$(#s
2、elect_id 引值jQuery 设置 Select 选择的 Text).get(0).selectedIndex; /option:last).attr(index); /和 Value:获取 Select 选择的索引获取 Select 最大的索语法解释：1. $(#select_id ).get(0).selectedIndex=1; /设置 Select 索引值为 1 的项选中2. $(#select_id ).val(4); / 设置 Select 的 Value 值为 4 的项选中3. $(#select_id optiontext=jQuery).attr(selected, t
3、rue); / 设置 Select 的 Text 值为 jQuery 的项选中jQuery 添加 / 删除 Select 的 Option 项： 语法解释：1. $(#select_id).append(Text); / 为 Select 追 加一个 Option( 下拉项 )2. $(#select_id).prepend( 请选择 ); / 为 Select 插入 一个 Option( 第一个位置 ) 3. $(#select_id option:last).remove(); / 个)4. $(#select_id optionindex=0).remove(); / Option( 第
4、一个 )5. $(#select_id optionvalue=3).remove(); /5. $(#select_id optiontext=4).remove(); /删除 Select 中索引值最大 Option( 最后一删除 Select 中索引值为 0 的删除 Select 中 Value=3 的 Option删除 Select 中 Text=4 的 Optionjquery radio 取值， checkbox 取值， select 取值， radio 选中， checkbox 选中， select 选 中，及其相关获 取一组 radio 被选中项的值var item = $(i
5、nputname=itemschecked).val();获 取 select 被选中项的文本var item = $(selectname=items optionselected).text();select 下拉框的第二个元素为当前选中值 $(#select_id)0.selectedIndex = 1;radio 单选组的第二个元素为当前选中值 $(inputname=items).get(1).checked = true;获取值：文本框，文本区域： $(#txt).attr(value) ； 多选框 checkbox ： $(#checkbox_id).attr(value) 单选
6、组 radio ： $(inputtype=radiochecked).val(); 下拉框 select ： $(#sel).val();单选组 radio ： $(inputtype=radio).attr(checked,2);/ 目为当前选中项控制表单元素：文本框，文本区域： $(#txt).attr(value,);/ $(#txt).attr(value,11);/填充内容多选框 checkbox ： $(#chk1).attr(checked,);/$(#chk2).attr(checked,true);/ 打勾if($(#chk1).attr(checked)=undefine
7、d) /下拉框 select ： $(#sel).attr(value,-sel3);/ 选中项$(2222).appendTo(#sel)/ $(#sel).empty()； / 清空下拉框清空内容不打勾判断是否已经打勾设置 value=2 的项设置 value=-sel3 的项目为当前value=11111UPS$(optionGround).appendTo($(selectname=ISHIPTYPE); / 取得下拉選單的選取值 $(#testSelect option:selected).text();或 $(#testSelect).fi nd(optio n:selected)
8、.text();或 $(#testSelect).val(); /记 性不好的可以收藏下：1, 下拉框 :var cc1 = $(.formc selectname=country optionselected).text(); / 拉菜单的选中项的文本 ( 注意中间有空格 )得到下var cc2 = $(.formc selectname=country).val(); /var cc3 = $(.formc selectname=country).attr(id); / 的 ID 属性值$(#select).empty();/ 清空下拉框 /$(#select).html(); $(111
9、1).appendTo(#select)/ 稍微解释一下 :得到下拉菜单的选中项的值得到下拉菜单的选中项添加下拉框的 option1.selectname=country optionselected表示具有 name 属性，并 且该属性值为 country的 select 元素 里面的具有 selected 属性的 option元素；可以看出有 开头的就表示后面跟 的是属性。2, 单选框 :$(inputtype=radiochecked).val(); / 得到单选框的 选中项的值 ( 注意中间没有 空格)$(inputtype=radiovalue=2).attr(checked,che
10、cked);/ 设置单选框 value=2的为选中状态 .( 注意中间没有空格 )3, 复选框 :$(inputtype=checkboxchecked).val(); /$(inputtype=checkboxchecked).each(function() 个, 所以可以循环输出alert($(this).val(););$(#chk1).attr(checked,);/ 不打勾$(#chk2).attr(checked,true);/ 打勾if($(#chk1).attr(checked)=undefined) /得到复选框的选中的第一项的值 / 由于复选框一般选中的是多判断是否已经打勾
11、当然 jquery 的选择器是强大的 . 还有很多方法 . $(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($(#selectTest optionselected).text(); $(#selectTest).attr(value, 2););)
12、;aaass 112233445566 jquery radio取值， checkbox 取值， select 取值， radio 选中， checkbox 选中， select 选中，及其相关获取一组 radio 被选中 项的值var item = $(inputname=itemschecked).val();获取 select 被选 中项的文本var item = $(selectname=items optionselected).text(); select 下拉框的第二个元素为当前选中值$(#select_id)0.selectedIndex = 1; radio 单选组的第二个
13、元素为当前选中值$(inputname=items).get(1).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
14、(checked,);/ $(#chk2).attr(checked,true);/ 打勾 if($(#chk1).attr(checked)=undefined) /单选组 radio ： $(inputtype=radio).attr(checked,2);/ 当前选中项清空内容不打勾判断是否已经打勾设置 value=2 的项目为下拉框 select ： $(#sel).attr(value,-sel3);/ 设置 value=-sel3 的项目为当前选 中项$(optionvalue=1& gt;11112222/option& gt;).appendTo(#sel)/ 添加下拉框的 o
15、ption$(#sel).empty()； / 清空下拉框获取一组 radio 被选中项的值var item = $(inputname=itemschecked).val(); 获取 select 被选中项的文本var item = $(selectname=items optionselected).text(); select 下拉框的第二个元素为当 前选中值$(#select_id)0.selectedIndex = 1; radio 单选组的第二个元素为当前选中值$(inputname=items).get(1).checked = true; 获取值： 文本框，文本区域： $(#t
16、xt).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
17、)=undefined) /单选组 radio ： $(inputtype=radio).attr(checked,2);/ 当前选中项清空内容不打勾判断是否已经打勾设置 value=2 的项目为下拉框 select ： $(#sel).attr(value,-sel3);/ 中项设置 value=-sel3 的项目为当前选$(2222).appendTo(#sel)/ $(#sel).empty()； / 清空下拉框value=11111option添加下拉框的 option转 载 太 多 次 , 原 作 者 已 不 可 考 , 感 谢 原 作 者 的 贡 献 , 以 及 k686 绿 色 软 件 ( 的供稿