美文网首页
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之改变事件获取下拉框的值

    获取值方式一: html页面: 获取值方式二: 获取值方式三: 获取值方式四:

  • select

    下拉框 选择的值和显示的文本 获取选择的值使用:$("#status_modal").val() 下拉选择变化事件:

  • Jquery设置下拉框select中的option选中

    Jquery对下拉框select默认选中和获取下拉框中值的。当select元素的值发生改变时,会发生触发chang...

  • selenium之定位下拉框(Select)

    1. 定位