如何确保<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

其他回答

我找到了一个可行的解决方案:删除所有的元素，除了选中的元素。然后，您可以将样式更改为看起来也不完善的样式。使用jQuery:

jQuery(function($) {
    $('form').submit(function(){
        $('select option:not(:selected)', this).remove();
    });
});

2010-12-24 06:56:03

在提交前添加一行即可。

$（“#XYZ”）.removeAttr（“disabled”）;

2013-03-23 12:39:26

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

2009-07-27 23:04:54

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

    jQuery(function() {

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

    });

2013-01-25 07:47:51

<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>表单字段被禁用时提交?

推荐文章

最新文章

标签