您可以禁用除当前选中的选项以外的所有选项，而不是选择本身。这提供了一个工作的下拉菜单的外观，但只有您想要传递的选项是有效的选择。

<select id="case_reason" name="case_reason" disabled="disabled">

Disabled =" Disabled " ->将从数据库中获取你的值，但在表单中显示它。 Readonly =" Readonly " ->你可以在选择框中更改你的值，但你的值不能保存在你的数据库中。

html的解决方案:

<选择聚焦事件= " this.blur ();" >

javascript的:

selectElement。addEventListener(“焦点”,selectElement。模糊,真正的); selectElement。attachEvent(“焦点”,selectElement.blur);/ /谢谢,IE

删除:

selectElement。removeEventListener(“焦点”,selectElement。模糊,真正的); selectElement.detachEvent(“焦点”,selectElement.blur);/ /谢谢,IE

编辑:增加删除方法

有同样的问题，并发现非常有用的属性表单提交禁用控件。

将其设置为True，禁用的输入现在是POST。

这个javascript找到所有的'select'与'readonly'属性，然后把disabled在'options'除了selected(回发)

文档。querySelectorAll("select[readonly] > option:not([selected])")。forEach((el) => el。setAttribute("disabled"， "disabled")); 不带readonly: <select> <选项> 1 > < /选项 <选项> 2 > < /选项 <选项> 3 < /选项> < /选择> < br > 带readonly: <select readonly="readonly"> <选项> 1 > < /选项 <选项> 2 > < /选项 <选项> 3 < /选项> < /选择>

您可以在提交时重新启用选择对象。

EDIT:也就是说，通常禁用select标签(带有disabled属性)，然后在提交表单之前自动重新启用它:

jQuery示例:

禁用: $ (" # yourSelect”)。道具(“禁用”,真正的); 在提交前重新启用GET / POST数据: $ (" # yourForm”)。On ('submit'， function() { $ (" # yourSelect”)。道具(“禁用”,假); })；

此外，您可以重新启用每个禁用的输入或选择:

$('#yourForm').on('submit', function() {
    $('input, select').prop('disabled', false);
});