jQuery对select和option操作小结.docx

1.遍历option和添加、移除optionfunction changeShipMethod(shipping)var len = $(selectname=ISHIPTYPE option).lengthif(shipping.value != CA)$(selectname=ISHIPTYPE option).each(function()if($(this).val() = 111)$(this).remove(););else$(UPS Ground).appendTo($(selectname=ISHIPTYPE);2.取得下拉選單的選取值$(#testSelect option:selected).text();或$(#testSelect).find(option:selected).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();$(1111).appendTo(#select)/添加下拉框的option稍微解释一下:1.selectname=country optionselected 表示具有name 属性，并 且该属性值为country 的select元素 里面的具有selected 属性的option 元素；可以看出有开头的就表示后 面跟的是属性。2,单选框:$(inputtype=radiochecked).val(); /得到单选框的 选中项的值(注意中间没有空格)$(inputtype=radiovalue=2).attr(checked,checked); /设置单选框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) /判断是否已经打勾当然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);););aaass112233445566jquery 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单选组的第 二个元素为当前选中值$(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(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)/添加下拉框的option$(#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;获取值：文本 框，文本区域：$(#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) /判断是否已经打勾单选组 radio： $(inputtype=radio).a