select標籤的陷阱

14.select框的選中

誤區：

          一直覺得jquery獲取select中option被選中的文本值，是這樣寫的：

          $("#s").text();  //獲取全部option的文本值

實際上應該這樣：

          $("#s option:selected").text();  //獲取選中的option的文本值

獲取select中option的被選中的value值，

           $("#s").val();

           $("#s option:selected").val();

讓select中value爲某一值的option被選中

        $("#s").find("option[value='xx']").attr("selected",true);

若是沒有生效則換成：

$('#s').val(saveValue).trigger('change');

若是是用ajax動態添加option的話，以上的方法也會行不通，把async設置成false就能夠了。

其中saveValue爲value值。

js獲取select選中的值：

          var sel=document.getElementById("select1"); 

          var index = sel.selectedIndex; // 選中索引

          albumid= sel.options[index].value;//要的值

刪除select下的option：

$("#s").options.length=0;     $("#s").options.remove(index),index爲必須

獲取select下option的個數：$("#s")[0].options.length