(简单的解决方案)

由于OP特别要求他不想禁用select元素，下面是我用来使select变为只读的方法

在html中

<select style="pointer-events: none;" onclick="return false;" onkeydown="return false;" ></select>

就是这样

解释

将pointer-events设置为none将禁用使用鼠标/光标事件编辑“select-element” 设置onclick和onkeydown函数返回false将禁用使用键盘编辑“select-element”

通过这种方式，您不必创建任何额外的元素，或使用javascript禁用/重新启用元素，或打乱表单提交逻辑，或使用任何第三方库。

此外，您可以轻松地添加css样式，如设置背景颜色为灰色或文本颜色为灰色，以暗示该元素是只读的。我没有将它添加到代码中，因为它非常特定于您的站点主题

或者你想通过javascript来实现

let isReadOnly = true; selectElement。Onclick = function () { isReadOnly; }; selectElement。onkeydown = function () { isReadOnly; }; selectElement.style.pointerEvents = isReadOnly ?“none”:“全部”;

什么我发现伟大的工作，与纯javascript(即:没有JQuery库要求)，是改变innerHTML的<select>标记为所需的单个剩余值。

之前:

<select name='day' id='day'>
  <option>SUN</option>
  <option>MON</option>
  <option>TUE</option>
  <option>WED</option>
  <option>THU</option>
  <option>FRI</option>
  <option>SAT</option>
</select>

示例Javascript:

document.getElementById('day').innerHTML = '<option>FRI</option>';

后:

<select name='day' id='day'>
  <option>FRI</option>
</select>

这样，没有视觉效果的改变，这将POST/GET在<FORM>。

除了禁用不应该是可选的选项，我想实际上让他们从列表中消失，但仍然能够启用他们，我应该以后需要:

$("select[readonly]").find("option:not(:selected)").hide().attr("disabled",true);

它会找到所有带有只读属性的select元素，然后找到那些未被选中的select元素中的所有选项，然后隐藏它们并禁用它们。

出于性能考虑，将jquery查询分为2是很重要的，因为jquery从右向左读取它们，代码如下:

$("select[readonly] option:not(:selected)")

将首先找到文档中所有未选中的选项，然后筛选那些在具有只读属性的选择内的选项。

这是最简单、最好的解决办法。 您将在您的选择上设置一个readolny属性，或任何其他属性，如data-readonly，并执行以下操作

$("select[readonly]").live("focus mousedown mouseup click",function(e){
    e.preventDefault();
    e.stopPropagation();
});

一种简单的服务器端方法是删除所有选项，只删除希望被选中的选项。因此，在Zend Framework 1.12中，如果$element是一个Zend_Form_Element_Select:

 $value =  $element->getValue();
 $options = $element->getAttrib('options');
 $sole_option = array($value => $options[$value]);
 $element->setAttrib('options', $sole_option);

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

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

jQuery示例:

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

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

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