的readOnly等效

Question

HTML字段是否有与readOnly="true"输入等效的属性或技术？

我有一个表单选择字段，我想禁用，但仍然传递时，表单被张贴。如果这是HTML输入，我会这样做

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

浏览器会将字段呈现为不可编辑的，但它的值仍将传递给后端。对于HTML选择，我希望类似的内容，但是执行以下操作

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

不起作用。该属性已成功地添加到DOM中，但浏览器仍然将其呈现为可选择的。

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

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

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

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

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

Answer 1

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

​

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

这样，下拉列表仍然工作(并提交其值)，但用户无法选择其他值。

Answer 2

添加禁用类：

.disabled{
   color: grey;
}

如果当前类使用“防止焦点默认”和“单击”，则dbl单击：

$('#el').bind('click dblclick focus').function(event){
   if ($(this).hasClass('disabled')) event.preventDefault();
});