美文网首页
JQeury之改变事件获取下拉框的值

JQeury之改变事件获取下拉框的值

作者: 兰觅 | 来源:发表于2020-09-25 10:34 被阅读0次
    获取值方式一:

    html页面:

      <span id="checkLevel">
                   <label style="font-size: 15px;" class="lab">审核层级:</label>    
                    <select name="reviewLevel" class="reviewLevelAdd" onchange="addLine()" style="width: 80px;height: 28px">
                        <option value=""></option>
                        <option value="集团">集团</option>
                        <option value="群">群</option>
                        <option value="处">处</option>
                        <option value="部">部</option>
                        <option value="课">课</option>
                        <option value="组">组</option>
                    </select>
               </span>
    
    $("#checkLevel selec").change(function(e){
        var nodeNo = e.target.value; // 获取选中下拉框的值
        // 业务代码         
    });
    
    获取值方式二:
    $("#checkLevel select:eq(0)").val()
    
    获取值方式三:
    $("#checkLevel select").eq(0).val()
    
    获取值方式四:
    $("#checkLevel select").eq(0).find("option:selected").val()
    
    //在jQuery中选择select标签的方法有:
    
    $("#selectId") 和 $("select[name='selectName']")
    
    //1.获取select选择的值,选择了select之后直接用val():
    
    例如:$("#selectId").val()或者$("select[name='selectName']").val();
    
    //2.获取select的文本值,选择了select之后,用find():
    
    例如:$("#selectId").find("option:selected").text();或者$("select[name='selectName']").find("option:selected").text();
    
    //3.获取select选中的索引
    
    例如:$("#selectId").get(0).selectedindex;
    

    相关文章

      网友评论

          本文标题:JQeury之改变事件获取下拉框的值

          本文链接:https://www.haomeiwen.com/subject/pxuzyktx.html