Question

我有一个表单，它将收集用户的输入，它包含一个按钮。用户单击该按钮后，将显示弹出消息。

我想将表单输入发布到javascript中声明的网址。

<div class="live-preview">
     <a class="confirm" id="alert">
     <input type="submit" name="submit" class="btn btn-common uppercase" value="Edit Booking">
     </a>
     <script>
     $(".confirm").easyedit();
     $("#alert").click(function() {
           window.location = "processEditBookSeat.php";
     });
     </script>
     <input name="workshopSeatLeft" type="hidden" id="workshopSeatLeft" value="<?php echo $resultWorkshopDetail['workshopDetailSeatLeft']?>">
     <input name="alreadyBookedSeat" type="hidden" id="alreadyBookedSeat" value="<?php echo $userBookedSeat?>">
     <input name="workshopID" type="hidden" id="workshopID" value="<?php echo $getWorkshopID?>">
</div>

Answer 1

如果您希望submit表单使用帖子发送到特定地址并因此直接使用此地址

$('#form').attr('action', "/yoururl").submit();

如果您想在后台使用

发布

$.post(url, $('#form').serialize());

Answer 2

您可以创建Ajax请求并成功重定向页面，也可以像过去一样提交表单。

如果您可以更改HTML，请将输入包装到操作设置为processEditBookSeat.php的表单中，并设置一个ID，如＆＃34; bookSeatForm＆＃34;因此，它更容易找到js方面。

然后像这样修改脚本：

  $(".confirm").easyedit();
  $("#alert").click(function() {
       $("#bookSeatForm").submit()
   });

此外，如果此方法适合您，为什么不使用默认表单行为并将#alert元素更改为提交输入？这取决于你。

将表单值传递给javascript url

2 个答案: