Question

我有一个带有一些字段的表单。当我在选定的索引中选择一些内容时，我使用Jquery隐藏其中一个。填写表格后，我试着提交。在提交时，它也有隐藏的字段。如何避免隐藏字段及其提交表单的数据。

Answer 1

你可以先检查元素的css显示属性，只有当它不是'none'时才发布它

if ($(#element).css( "display" ) != 'none') {
     // post it
}

Answer 2

您可以使用select选项触发删除表单。然后，您可以将要隐藏的input设置为disabled并隐藏它。禁用的输入将不会与其他信息一起提交。然后，如果用户选择其他选项，您可以删除disabled并显示它。

<强> HTML

<form>
    <input class="hide-me" type="text" value="hello"/>
    <select>
        <option>Choose</option>
        <option value="choose me">Choose Me</option>
    </select>
    <input type="submit"/>
</form>

<强> JS

$("select").change(function(){
   if($(this).val() == "choose me"){
      $(".hide-me").attr("disabled", true).hide();
   }else{
      $(".hide-me").attr("disabled", false).show();    
   }
});

FIDDLE

Answer 3

禁用该项目。 e.g。

<input type="text" name="lname" disabled>

使用jquery在表单中显示和隐藏

3 个答案: