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添加一个属性。

 

转载于:https://www.cnblogs.com/TerLeeHost/p/7839670.html