select列表遍歷和觸發事件

1、以下兩種都是jquery獲取select列表被選中的value。
var strText=$("#select_id").find("option:selected").text();

var strText=$("#select_id").find("option:selected").val();

2、關於select列表和input類型綁定觸發事件
$('#select_id').bind('change', function() {
　　$('#group_typeTip').html("");
});
這是一個select下拉列表，點擊選擇觸發的事件，使用change。

$('#select_id').bind('input propertychange', function() { 
　　$('#canvasTip').html(""); 
}); 
這是一個input，內容發生改變時觸發的事件

　　

 

3、關於select的form屬性
<form action="demo_form.asp" id="carform">...........這是一個form表單.............</form>
//select列表不屬於form標簽內，可以通過form屬性使得該列表屬於form表單
<select name="carlist" form="carform">
   <option value="volvo">Volvo</option>
   <option value="saab">Saab</option>
</select> 


4、select的</option>可以省掉，它的multiple屬性就是可以多選的，一般與size屬性一起用，因為多選的時候，希望能同時看到多個選框，便於選擇，默認是只能看到一個。

 

5、如何遍歷select列表內容，設置添加option的屬性。

<select class="col-xs-6 col-sm-8 custom-chosen-select" name="step" id="newStep">
    <option value="1">第1步</option>
    <option value="2">第2步</option>
    <option value="3">第3步</option>
    <option value="4">第4步</option>
    <option value="5">第5步</option>                                                   
 </select>

$("#newStep").find("option").each(function(){
              if($(this).val()==item){
                  $(this).attr("disabled", "disabled");
                  maxStep=$(this).val();
              }
            });
newStep是select列表的id，在這里是通過each的遍歷方法遍歷，option的value值是1，2，3這樣的，它的text()或者說html()是“第1步”。

$(this).attr()就是給當前option添加一個屬性。