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

2020-09-25  本文已影响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;
上一篇下一篇

猜你喜欢

热点阅读