下拉菜單選擇更改為其他形式

Question

我在頁面上有服裝訂購表。 當我從下拉列表/菜單中選擇一個選項時，我想與另一個表單“交換”。 也許是Ajax？ PHP的include（）？ 下拉菜單中的選項將選擇已經在另一個目錄中創建為模板的不同表單，並將其呈現為替代其他表單。

我只想一次顯示一個表格。 謝謝！ :)

Answer 1

如果可以的話，不要放置太多隱藏的表單。 這只是糟糕的設計，尤其是在性能方面。 最好的選擇是：

• 創建一些PHP文件，每個文件中都包含一個表單
• 如果滿足條件，請使用AJAX請求進行通信

如果您喜歡將內容填充到一個文件中，請嘗試將AJAX 的唯一參數傳遞給PHP文件，並檢查其值以確定要加載的格式 。

范例 ：

var xhr = new XMLhttpRequest();
    formID = (condition) ? 1 : 2; // etc

    //^^ This one line above means:
    if (condition) {
        formID = 1;
    }
    else {
        formID = 2;
    }

...

// GET request
xhr.open("GET", "forms.php?formID=" + formID);

// POST request
xhr.send("formID=" + formID);

在PHP中 ：

<?php
    if (isset($_POST["formID"]) && $_POST["formID"] === 1):
?>
        <form id = "1"></form>
<?php
    else:
?>
        <form id = "2"></form>
<?php
    endif;
?>

[編輯] ：

如果您想將每個表單保存在不同的文件中，那么上面的代碼將是：

<form>...</form> // No PHP necessary

在JavaScript中使用xhttp.send("")而不放置任何值（ 僅當表單位於不同文件中時 ）。