根据 HTML 规范，selectHTML 中的标签没有readonly属性，只有一个disabled属性。因此，如果你想阻止用户更改下拉菜单，你必须使用disabled.
唯一的问题是禁用的 HTML 表单输入不会包含在 POST / GET 数据中。
模仿的最好方法是什么readonly属性为selecttag，并且仍然获取 POST 数据？
你应该保留select元素disabled但还要添加另一个隐藏的input具有相同的名称和值。
如果重新启用 SELECT，则应将其值复制到 onchange 事件中的隐藏输入并禁用（或删除）隐藏输入。
这是一个演示：
$('#mainform').submit(function() {
$('#formdata_container').show();
$('#formdata').html($(this).serialize());
return false;
});
$('#enableselect').click(function() {
$('#mainform input[name=animal]')
.attr("disabled", true);
$('#animal-select')
.attr('disabled', false)
.attr('name', 'animal');
$('#enableselect').hide();
return false;
});
#formdata_container {
padding: 10px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
<form id="mainform">
<select id="animal-select" disabled="true">
<option value="cat" selected>Cat</option>
<option value="dog">Dog</option>
<option value="hamster">Hamster</option>
</select>
<input type="hidden" name="animal" value="cat"/>
<button id="enableselect">Enable</button>
<select name="color">
<option value="blue" selected>Blue</option>
<option value="green">Green</option>
<option value="red">Red</option>
</select>
<input type="submit"/>
</form>
</div>
<div id="formdata_container" style="display:none">
<div>Submitted data:</div>
<div id="formdata">
</div>
</div>
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
