另一种选择是使用readonly属性。

<select readonly="readonly">
    ....
</select>

对于readonly，值仍然被提交，输入字段是灰色的，用户不能编辑它。

编辑:

引自http://www.w3.org/TR/html401/interact/forms.html#adef-readonly:

只读元素接收焦点，但用户不能修改。 选项卡导航中包含只读元素。 只读元素可能会成功。

当它说元素可能成功时，这意味着它可能被提交，如这里所述:http://www.w3.org/TR/html401/interact/forms.html#successful-controls

我使用next代码禁用选择中的选项

<select class="sel big" id="form_code" name="code" readonly="readonly">
   <option value="user_played_game" selected="true">1 Game</option>
   <option value="coins" disabled="">2 Object</option>
   <option value="event" disabled="">3 Object</option>
   <option value="level" disabled="">4 Object</option>
   <option value="game" disabled="">5 Object</option>
</select>

// Disable selection for options
$('select option:not(:selected)').each(function(){
 $(this).attr('disabled', 'disabled');
});

我制作了一个快速(Jquery only)插件，当输入被禁用时，将值保存在数据字段中。 这只是意味着，只要该字段通过jquery使用.prop()或.attr()被程序化禁用…然后通过.val()， .serialize()或.serializeArra()访问该值将始终返回该值，即使禁用:)

无耻插头:https://github.com/Jezternz/jq-disabled-inputs

我遇到了一个略有不同的场景，在这种场景中，我只想不允许用户根据先前的选择框更改所选值。我最终所做的只是禁用所有其他非选择选项在选择框使用

$('#toSelect').find(':not(:selected)').prop('disabled',true);

禁用字段，然后在表单提交之前启用它们:

jQuery代码:

jQuery(function ($) {        
  $('form').bind('submit', function () {
    $(this).find(':input').prop('disabled', false);
  });
});

或者使用一些JavaScript更改选择的名称，并将其设置为禁用。这样，选择仍然被提交，但是使用了一个您不检查的名称。