解决select下拉框禁用(设置disabled属性),后台获取值为空

如果下拉框设置disabled属性后,提交表单到后台,后台获取的下拉框的值为空,以下有三种解决获取不到下拉框选项值的方法。

有下拉框html如:<select name="select" id="select" class="select"></select>

三种方法:

1.为下拉框添加样式,可以禁用该下拉框:

<select name="name" id="select" class="select" style="pointer-events: none;"></select>

2.为下拉框添加onfocus和onchange方法,可以禁用该下拉框:

<select name="name" id="select" class="select" onfocus="this.defaultIndex=this.selectedIndex;" onchange="this.selectedIndex=this.defaultIndex;">

3.在页面加载之前设置

$(function() {  $('#select').attr("disabled",true); });

提交表单前设置

$('#select').attr("disabled",false);

posted @ 2019-01-15 12:57  bud  阅读(5820)  评论(0编辑  收藏  举报