jQuery 获取和设置select下拉框的值实现代码

前端技术 2023/09/01 JavaScript

获取Select :

获取select 选中的 text :

$(\"#ddlRegType\").find(\"option:selected\").text();


获取select选中的 value:

$(\"#ddlRegType \").val();


获取select选中的索引:

$(\"#ddlRegType \").get(0).selectedIndex;


设置select:

设置select 选中的索引:

$(\"#ddlRegType \").get(0).selectedIndex=index;//index为索引值


设置select 选中的value:

    $(\"#ddlRegType \").attr(\"value\",\"Normal“);

    $(\"#ddlRegType \").val(\"Normal\");

    $(\"#ddlRegType \").get(0).value = value;


设置select 选中的text:

var count=$(\"#ddlRegType option\").length;

  for(var i=0;i<count;i++) 
     {           if($(\"#ddlRegType \").get(0).options[i].text == text) 
        { 
            $(\"#ddlRegType \").get(0).options[i].selected = true; 

            break; 
        } 
    }

$(\"#select_id option[text=\'jQuery\']\").attr(\"selected\", true);


设置select option项:

 $(\"#select_id\").append(\"<option value=\'Value\'>Text</option>\");  //添加一项option

 $(\"#select_id\").prepend(\"<option value=\'0\'>请选择</option>\"); //在前面插入一项option

 $(\"#select_id option:last\").remove(); //删除索引值最大的Option

 $(\"#select_id option[index=\'0\']\").remove();//删除索引值为0的Option

 $(\"#select_id option[value=\'3\']\").remove(); //删除值为3的Option

 $(\"#select_id option[text=\'4\']\").remove(); //删除TEXT值为4的Option
 

清空 Select:

$(\"#ddlRegType \").empty();

本文地址:https://www.stayed.cn/item/2862

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见,何事秋风悲画扇。