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

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

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

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

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

当前回答

我发现最简单的方法是创建一个小的javascript函数绑定到你的表单:

function enablePath() {
    document.getElementById('select_name').disabled= "";
}

你在这里的表格中称它为

<form action="act.php" method="POST" name="form_name" onSubmit="enablePath();">

或者你可以在你用来检查你的表单的函数中调用它:)

2012-02-23 13:14:02

其他回答

<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

我使用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

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

jQuery代码:

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

2009-07-28 00:38:00

在提交前添加一行即可。

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

2013-03-23 12:39:26

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

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

2013-06-08 02:27:01

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

推荐文章

最新文章

标签