我使用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');
});

我一直在寻找一个解决方案，因为我没有找到一个解决方案在这个线程我做了我自己。

// With jQuery
$('#selectbox').focus(function(e) {
    $(this).blur();
});

很简单，当你关注它的时候，你只是模糊了这个域，就像禁用它一样，但是你实际上发送了它的数据。

<select disabled="disabled">
    ....
</select>
<input type="hidden" name="select_name" value="selected value" />

其中select_name是<select>通常使用的名称。

另一种选择。

<select name="myselect" disabled="disabled">
    <option value="myselectedvalue" selected="selected">My Value</option>
    ....
</select>
<input type="hidden" name="myselect" value="myselectedvalue" />

现在有了这个，我注意到根据你使用的web服务器，你可能必须把隐藏输入放在<select>之前或之后。

如果我没记错的话，对于IIS，你把它放在前面，对于Apache，你把它放在后面。一如既往，测试是关键。

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

对于选择字段，它不能使用:input选择器，使用这个:

    jQuery(function() {

    jQuery('form').bind('submit', function() {
        jQuery(this).find(':disabled').removeAttr('disabled');
    });

    });

与Tres建议的解决方案相同，但不使用jQuery

<form onsubmit="document.getElementById('mysel').disabled = false;" action="..." method="GET">

   <select id="mysel" disabled="disabled">....</select>

   <input name="submit" id="submit" type="submit" value="SEND FORM">
</form>

这可能有助于人们更好地理解，但显然不如jQuery灵活。