我有一个select表单字段，我想将其标记为“只读”，因为用户无法修改该值，但该值仍随表单一起提交。使用该disabled属性可防止用户更改值，但不会随表单提交值。
该readonly属性仅适用于input和textarea字段，但这基本上是我想要的。有没有办法让它工作？
我正在考虑的两种可能性包括：
select，而是禁用所有options 并使用 CSS 使选择变灰，使其看起来像已禁用。禁用字段，然后在提交表单之前启用它们：
jQuery代码：
jQuery(function ($) {
$('form').bind('submit', function () {
$(this).find(':input').prop('disabled', false);
});
});
<select disabled="disabled">
....
</select>
<input type="hidden" name="select_name" value="selected value" />
哪里select_name是你通常会给予名称<select>。
另外一个选择。
<select name="myselect" disabled="disabled">
<option value="myselectedvalue" selected="selected">My Value</option>
....
</select>
<input type="hidden" name="myselect" value="myselectedvalue" />
现在有了这个，我注意到根据您使用的网络服务器，您可能必须将hidden输入放在<select>.
如果我没记错的话，IIS 放在前面，Apache 放在后面。一如既往，测试是关键。
我一直在为此寻找解决方案，因为我没有在这个线程中找到解决方案，所以我自己做了。
// With jQuery
$('#selectbox').focus(function(e) {
$(this).blur();
});
很简单，当你专注于它时，你只是模糊了这个领域，就像禁用它一样，但你实际上发送了它的数据。
我遇到了一个稍微不同的场景，因为我只想不允许用户根据较早的选择框更改所选值。我最终做的只是禁用选择框中的所有其他未选择的选项
$('#toSelect')find(':not(:selected)').prop('disabled',true);
它不适用于选择字段的 :input 选择器，请使用：
jQuery(function() {
jQuery('form').bind('submit', function() {
jQuery(this).find(':disabled').removeAttr('disabled');
});
});