首頁 > web前端 > js教程 > jQuery 取得並設定select下拉方塊的值實作程式碼_jquery

jQuery 取得並設定select下拉方塊的值實作程式碼_jquery

WBOY
發布: 2016-05-16 17:16:56
原創
1127 人瀏覽過

取得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; 

  🎜>    }

$("#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();

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板