使用jquery隐藏和提交表单

时间:2012-01-27 10:00:40

标签: javascript jquery

如何使用jquery隐藏表单并提交该表单? 这可能吗?

4 个答案:

答案 0 :(得分:1)

是的,有可能:

在您的HTML页面上:

<form id="my-form">
</form>

<a href="javascript:void(0);" id="submit">Submit</a>

您的脚本:

$(document).ready(function() {
  $("a#submit").click(function() {
    $("#my-form").hide(); 
    $("#my-form").submit();
  });
});

如果您的表单包含“提交”按钮,并且您希望在按下“提交”按钮时隐藏表单,则可以听取提交事件并按照以下方式处理:

  $("#my-form").submit(function() {
    $(this).hide();
    return true;
  });

答案 1 :(得分:0)

你想做什么?一些骗局?

您可以将表单放在隐藏的div中并使用$(document).ready事件,您可以自动提交表单。

答案 2 :(得分:0)

由于你已经添加了jquery-ajax标签,我想你想通过AJAX提交表单。在这种情况下,你可能正在寻找这样的东西:

$("#your-form-id").submit(function(){
  $.ajax({
    type: "POST",
    url: "some.php",
    data: $(this).serialize(),
    success: function(){
       $("#your-form-id").hide();
    } 
  });

  return false;
});

答案 3 :(得分:0)

您是指已插入数据的表单中的字段,例如。你是开发人员硬编码的吗?

如果是这种情况,只需将id设置为输入字段,并将值硬编码。然后将其显示设置为“none”。使用您的Jquery正常解释数据。

您也可以在jquery脚本中创建一个变量,并避免这一切。