如何确保<select>表单字段被禁用时提交?

我有一个选择表单字段，我想标记为“readonly”，因为用户不能修改该值，但该值仍然与表单一起提交。使用disabled属性可以防止用户更改值，但不会将值与表单一起提交。

readonly属性仅适用于输入和文本区域字段，但这基本上是我想要的。有办法让它工作吗?

我考虑的两种可能性包括:

不是禁用选择，而是禁用所有选项，并使用CSS将选择变成灰色，这样它看起来就像禁用了一样。向提交按钮添加单击事件处理程序，以便在提交表单之前启用所有禁用的下拉菜单。

当前回答

<select id="example">
    <option value="">please select</option>
    <option value="0" >one</option>
    <option value="1">two</option>
</select>



if (condition){
    //you can't select
    $("#example").find("option").css("display","none");
}else{
   //you can select
   $("#example").find("option").css("display","block");
}

2016-12-27 08:15:06

其他回答

<select id="example">
    <option value="">please select</option>
    <option value="0" >one</option>
    <option value="1">two</option>
</select>



if (condition){
    //you can't select
    $("#example").find("option").css("display","none");
}else{
   //you can select
   $("#example").find("option").css("display","block");
}

2016-12-27 08:15:06

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

2009-07-27 23:04:54

<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，你把它放在后面。一如既往，测试是关键。

2009-07-27 23:04:31

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

jQuery代码:

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

2009-07-28 00:38:00

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

2012-12-11 11:30:25

如何确保<select>表单字段被禁用时提交?

推荐文章

最新文章

标签