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;