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

最新推荐文章于 2024-07-29 03:35:59 发布

iteye_13003

最新推荐文章于 2024-07-29 03:35:59 发布

阅读量285

点赞数

分类专栏： JAVA 乔乐共享文章标签：乔乐共享 js jquery ViewUI

本文链接：https://blog.csdn.net/iteye_13003/article/details/82168602

版权

JAVA 乔乐共享专栏收录该内容

144 篇文章 0 订阅

订阅专栏


//遍历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 元素；
 可以看出有@开头的就表示后面跟的是属性。