HTML选择元素的readOnly等效项

Question

是否有HTML选择字段的属性或技术等同 readOnly="true"于HTML输入？

我有一个表单选择字段我想要禁用,但仍然在表单发布时传递.如果这是一个HTML输入,我会做这样的事情

$('select_id').setAttribute('readOnly', 'true');

并且浏览器会将该字段呈现为不可编辑的,但它的值仍将传递给后端.我想要一个类似的HTML选择,但做以下

$('#select_id').setAttribute('readOnly', 'true');

不起作用.该属性已成功添加到DOM,但浏览器仍将其呈现为可选.

我意识到我可以做到以下几点

$('#input_id').disabled();

但是当一个字段被禁用时,它的值不会传递给后端.

我想要一种方法来禁用这个选择字段,但仍然传入后端.

(示例使用Prototype JS,但我对任何通用解决方案感兴趣)

Answer 1

禁用除选定选项以外的所有选项

​

<select>
<option disabled="disabled">1</option>
<option selected="selected">2</option>
<option disabled="disabled">3</option>
</select>

这样下拉列表仍然有效(并提交其值),但用户无法选择其他值.