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