如何從 javascript 發送具有 2 個值的表單？

Question

I have a form and I want from a javascript function to send the form to php with 2 variables that I have in that javascript function

function transfer(old_id){
    var select = document.getElementById('trans');
    var button = document.getElementById('send_id');
    button.addEventListener('click',function(){
        var selectedOption = select.value;
        alert(selectedOption);
        alert(old_id);
        document.delete_user.submit();
    });
}

我希望這一行 (document.delete_user.submit ();) 將變量發送到 php: selectedOption 和 old_id

Answer 1

如果您希望表單發送數據，那么您需要有一個表單控件，其中包含您想要的name和您想要的值。

如果數據僅存在於變量中（並且尚未在表單域中），那么您需要將其放入表單域中。

設置現有屬性的value屬性（例如，您可以使用getElementById ）或創建一個新屬性（您通常希望為此使用隱藏輸入）並將 append 設置為表單。

Answer 2

您可以嘗試使用 AJAX 通過 POST 請求將數據發送到您的 PHP 文件，我將調用 index.php：

$.ajax({
        type: "POST",
        data: {selectedOption: selectedOption, old_id: old_id},
        url: "index.php",
        success: function() {
            alert("Success!")
        }
});

然后在index.php中：

$data = $_POST['data'];