1. 程式人生 > >Jquery操作select獲取當前選擇項的文字及事件繫結

Jquery操作select獲取當前選擇項的文字及事件繫結

1、獲取當前選擇項的文字

$("#selectid option:selected").text()

2、事件繫結

    $(function () {

        $("#txtAssessmentTotal").change(function () {

            //這裡寫你想要的驗證的程式碼;

        });

});

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 ").find("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根據value預設選中

$("#SelectID option[value='selectValue']").attr("selected",true)

清空 Select:

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

      $("#veg1").find("option").clone().appendTo("#veg2");   新增另一個select option
      $("#veg2").get(0).selectedIndex=2; 設定選中項