Jquery遍历select option和添加、移除option

//遍历option和添加、移除option
 function changeShipMethod(shipping){
 var len = $("select[@name=ISHIPTYPE] option").length
 if(shipping.value != "CA"){
 $("select[@name=ISHIPTYPE] option").each(function(){
 if($(this).val() == 111){
 $(this).remove();
 }
 });
 }else{
 $("<option value='111'>UPS 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='1'>1111</option>").appendTo("#select")//添加下拉框的option
 
稍微解释一下:
 1.select[@name='country'] option[@selected] 表示具有name 属性,
 并且该属性值为'country' 的select元素 里面的具有selected 属性的option 元素;
 可以看出有@开头的就表示后面跟的是属性。

你可能感兴趣的:(jquery,js)