JavaScript的jQuery的承載HTML表單POST數據

Question

所以我有一個形式類似於

<form action="test.php" id="checksub" method="post"> 
    <div> 
    <select name="mydropdown"> 
     <option value="buy">buy</option> 
     <option value="sell">sell</option> 
    </select> 
    </div> 

    autocomplete text input that triggers "checksub" 

    <input type="submit" id="checksub" name="checksub" style="visibility:hidden"> 
    <input type="submit" id="newsbutton" name="newsbutton"> 
</form> 

<script type="text/javascript"> 
    $('#newbutton').click(function() { 
    var newaction = "cantfinditems.php"; 
    $("#checksub").prop("action", newaction); 
    $('#checksub').submit(); 
    }); 
</script> 

現在提交按鈕被隱藏，因爲自動完成觸發也無妨，但如果用戶無法找到他們正在尋找我想要一個按鈕，指出「找不到你想要的東西？」 我希望這個按鈕對錶單動作有不同的動作，例如window.location = cantfinditems.php 但我也想從表單中傳遞POST數據，例如「mydropdown」。 謝謝

Answer 1

好的，所以你需要第二個按鈕，它調用一個JavaScript函數。在這個函數中，你做了一些事情：

設置表單的action屬性到您的備用措施（例如cantfinditems.php）

var newaction = "cantfinditems.php"; 
$("#form_id").prop("action", newaction); 

提交表單

$('#form_id').submit(); 

所以一個完整的例子是：

<script type="text/javascript"> 
$('#yourbuttonid').click(function() { 
    var newaction = "cantfinditems.php"; 
    $("#form_id").prop("action", newaction); 
    $('#form_id').submit(); 
}); 
</script>