JQuery 对 Select option 的操作.docx

JQuery 对 Select option 的操作jQuery对select和option操作小结，加入移出move2010-07-01 17:05//遍历option和添加、移除optionfunction changeShipMethod(shipping){var len = $(select[@name=ISHIPTYPE] option).lengthif(shipping.value != CA){$(select[@name=ISHIPTYPE] option).each(function(){if($(this).val() == 111){$(this).remove();}});}else{$(option value=111UPS Ground/option).appendTo($(select[@name=ISHIPTYPE]));}}//取得下拉選單的選取值$(#testSelect option:selected).text();或$(#testSelect).find(option:selected).text();或$(#testSelect).val();//////////////////////////////////////////////////////////////////记 性不好的可以收藏下：1,下拉框:var cc1 = $(.formc select[@name=country] option[@selected]).text(); //得到下拉菜单的选中项的文本(注意中间有空格)var cc2 = $(.formc select[@name=country]).val(); //得到下拉菜单的选中项的值var cc3 = $(.formc select[@name=country]).attr(id); //得到下拉菜单的选中项的ID属性值$(#select).empty();//清空下拉框 //$(#select).html();$(option value=11111/option).appendTo(#select)//添加下拉框的option稍微解释一下:1.select[@name=country] option[@selected] 表示具有name 属性，并 且该属性值为country 的select元素 里面的具有selected 属性的option 元素；可以看出有@开头的就表示后 面跟的是属性。2,单选框:$(input[@type=radio][@checked]).val(); //得到单选框的 选中项的值(注意中间没有空格)$(input[@type=radio][@value=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).attr(checked,true);// 打勾if($(#chk1).attr(checked)==undefined){} //判断是否已经打勾当然jquery的选择器是强大的. 还有很多方法.script src=jquery-1.2.1.js type=text/javascript/scriptscript language=javascript type=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($(#selectTest option[@selected]).text());$(#selectTest).attr(value, 2);});});/scripta href=#aaass/a!--下拉框--select id=selectTest name=selectTestoption value=111/optionoption value=222/