使用get到另一页发送所选选项

时间:2018-04-04 15:49:18

标签: html ajax

我有一个下拉选择选项。有按钮。单击按钮,所选选项必须发送到另一个页面“update.php”,以便我可以访问那里的选项。在我的情况下,新页面没有加载或被重定向到。

<select id=31 >
  <option value="pending">pending</option>
  <option value="accepted">accepted</option>
  <option value="in progress">in progress</option>
  <option value="cant">Cant be done</option>
</select></td>
<td><button id=i31 onclick="$.get("update.php",{id:31,s:$("#31 option:selected").text();})" >Submit</button></td>

1 个答案:

答案 0 :(得分:0)

如果update.php位于HTML之外的其他目录中,请确保使用该文件的绝对路径。

如果您希望整个页面重定向,则需要使用:

<form action="update.php" method="POST">
    <select id="31" name="myFormOption" >
        <option value="pending">pending</option>
        <option value="accepted">accepted</option>
        <option value="in-progress">in progress</option>
        <option value="cant">Cant be done</option>
    </select>
    <button type="submit">Submit</button>
</form> 

并在update.php中使用

捕获传入的POST
if(isset($_POST['myFormOption'])) {
    //Process Form Here
}

如果你必须使用AJAX,我会在通话成功后使用window.location.href = "http://example.com";

希望这会有所帮助:)

编辑:添加了AJAX脚本

<script>
    $('#i31').on('click', function() {
        $.ajax({
            method: 'GET',
            url: 'update.php',
            data: { id: 31, s: $("#31 option:selected").val() },
            success: function() {
                window.location.href = "http://example.com";
            }
        });
    });

</script>