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

获取值方式一:

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;
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容