Heim >Web-Frontend >js-Tutorial >jQuery 获取和设置select下拉框的值实现代码_jquery

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

WBOY
WBOYOriginal
2016-05-16 17:16:561130Durchsuche

获取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     {           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

 $("#select_id").prepend(""); //在前面插入一项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();

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn