zoukankan      html  css  js  c++  java
  • 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添加一个属性。
     
  • 相关阅读:
    oracle中 connect by prior 递归算法
    sql优化__rownum的使用【转】
    ASP.NET Core四大部件
    .net core Socket
    .NET Core 配置文件
    .NET Core IOC AOP
    Quartz.Net—MisFire
    Quartz.Net—配置化
    Quartz.Net—IJob特性
    Quartz.Net—DateBuilder
  • 原文地址:https://www.cnblogs.com/TerLeeHost/p/7839670.html
Copyright © 2011-2022 走看看