javascript - HTML 表单方法 post 不适用于多个提交

Question

HTML 表单方法 post 不适用于多个提交

我有以下内容

<form id="myForm" method="post" action="">

<select name="select_data">
<option value="1000">Account Demo 1</option>
<option value="1035">Account Demo 2</option>
</select>

<input type="submit" onclick="sendForm('<?php echo $domainURL;?>page_1')" form="myForm" class="btn btn-primary btn-sm" value="Page 1">

<input type="submit" onclick="sendForm('<?php echo $domainURL;?>page_2')" form="myForm" class="btn btn-primary btn-sm" value="Page 2">

<script>
    function sendForm(action)
    {
        document.getElementById('myForm').action = action;
        document.getElementById('myForm').submit();
    }
</script>

我做了一些测试，我将方法更改为“get”及其工作，但是当我将方法更改为“post”时，它无法发送任何内容。

我尝试过

print_r($_GET);
print_r($_POST);

Get 能够检索选择选项标记上的发送值。相同的代码，但帖子无法发送

我尝试发帖

if action="" , its work fine
but if action="http://www.myowndomain.com/subpage/page/thepage.php" it does not work for post. 

Answer 1

使用formaction代替Javascript属性:

<input type="submit" formaction="<?php echo $domainURL;?>page_1" class="btn btn-primary btn-sm" value="Page 1">

<input type="submit" formaction="<?php echo $domainURL;?>page_2" class="btn btn-primary btn-sm" value="Page 2">

也不需要 form="myForm"当提交按钮位于 <form> 内时元素。