1. 程式人生 > >jQuery取得select選擇的文字與值

jQuery取得select選擇的文字與值

jquery獲取select選擇的文字與值
獲取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