Изменить на другую форму при выборе выпадающего меню

Question

У меня есть форма заказа одежды на странице. Я хочу «обменивать» эту форму с другой, когда я выбираю опцию из раскрывающегося списка/меню. Возможно, Аякс? 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; 
?> 

[EDIT]:

Если вы хотите иметь каждую форму в другом файле, то выше код будет:

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

В JavaScript используют xhttp.send("") без ввода каких-либо значений (только если формы находятся в разных файлах).