javascript - HTML 选择元素的只读等效项

<分区>

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

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

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

并且浏览器会将字段呈现为不可编辑，但它的值仍会传递到后端。我想要类似的 HTML 选择，但执行以下操作

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

没用。该属性已成功添加到 DOM，但浏览器仍将其呈现为可选。

我意识到我可以做以下事情

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

但是当一个字段被禁用时，它的值不会传递到后端。

我想要一种方法来禁用此选择字段但仍然传递到后端。

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

最佳答案

禁用除所选选项之外的所有选项:

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

这样下拉菜单仍然有效(并提交其值)，但用户无法选择其他值。

关于javascript - HTML 选择元素的只读等效项，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11976348/