jquery对select和option操作小结

《jquery对select和option操作小结》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、1.遍历option和添加、移除optionfunctionchangeShipMethod(shipping){varlen=$("select[@name=ISHIPTYPE]option").lengthif(shipping.value!="CA"){$("select[@name=ISHIPTYPE]option").each(function(){if($(this).val()==111){$(this).remove();}});}else{$("UPSGround").ap

2、pendTo($("select[@name=ISHIPTYPE]"));}}2.取得下拉選單的選取值$(#testSelectoption:selected'').text();或$("#testSelect").find(''option:selected'').text();或$("#testSelect").val();//////////////////////////////////////////////////////////////////记性不好的可以收藏下：1,下拉框:varcc1=$(".formcselect[@name='

3、'country'']option[@selected]").text();//得到下拉菜单的选中项的文本(注意中间有空格)varcc2=$(''.formcselect[@name="country"]'').val();//得到下拉菜单的选中项的值varcc3=$(''.formcselect[@name="country"]'').attr("id");//得到下拉菜单的选中项的ID属性值$("#select").empty();//清空下拉框//$("#select").html('''');$("111

4、1").appendTo("#select")//添加下拉框的option稍微解释一下:1.select[@name=''country'']option[@selected]表示具有name属性，并且该属性值为''country''的select元素里面的具有selected属性的option元素；可以看出有@开头的就表示后面跟的是属性。2,单选框:$("input[@type=radio][@checked]").val();//得到单选框的选中项的值(注意中间没有空格)$("input[@type=radio][@value=

5、2]").attr("checked",''checked'');//设置单选框value=2的为选中状态.(注意中间没有空格)3,复选框:$("input[@type=checkbox][@checked]").val();//得到复选框的选中的第一项的值$("input[@type=checkbox][@checked]").each(function(){//由于复选框一般选中的是多个,所以可以循环输出alert($(this).val());});$("#chk1").attr("checked",'''');//不打勾$("#chk2").

6、attr("checked",true);//打勾if($("#chk1").attr(''checked'')==undefined){}//判断是否已经打勾当然jquery的选择器是强大的.还有很多方法.$(document).ready(function(){$("#selectTest").change(function()

7、{//alert("Hello");//alert($("#selectTest").attr("name"));//$("a").attr("href","xx.html");//window.location.href="xx.html";//alert($("#selectTest").val());alert($("#selectTestoption[@selected]").text());$("#selectTest").attr("value","2");});});aaass