Как я могу получить значение поля формы (поле создается из javascript) в php?

Я создал поле с помощью java-скрипта (внутренний Html), и когда я использую $_POST['field name'], он показывает неопределенный индекс.

Вот код поля:

function showfield(name){
    if (name=='Masters'){
        document.getElementById('div1').innerHtml = '<label>College/University</label><input class = "form-control " type = "text" id = "course" name = "uni" placeholder = "College/University" /> <br> <label>Course</label><input class = "form-control " type = "text" name = "crse" placeholder = "Course"/><br>';
    } 
}

Я хочу, чтобы значение курса и колледжа переходило на следующую страницу, как только пользователь нажимает кнопку "Отправить"

Можете ли вы поделиться своими данными HTML, где вы отображаете эти поля.

SamDasti 02.09.2018 09:56
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
1
38
1

Ответы 1

Вам необходимо вставить этот ввод в элемент HTML-формы с соответствующей кнопкой отправки. Итак, если у вас уже есть форма, содержащая кнопку отправки, вставьте этот новый ввод в эту форму. Если у вас нет элемента формы, просто оберните его кнопкой отправки и убедитесь, что вы вставили этот новый ввод в эту форму.

Вот небольшой пример (HTML-форма).

<form id = "awesome-form" method = "POST" action = "path/to/php/script.php">
    <div id = "place-for-input"></div>
    <button type = "submit" name = "awesome-form-submit">Submit</button>
</form>

А вот и ваш JavaScript.

function showfield(name){
    if (name=='Masters'){
        document.getElementById('place-for-input').innerHtml = '<label>College/University</label><input class = "form-control " type = "text" id = "course" name = "uni" placeholder = "College/University" /> <br> <label>Course</label><input class = "form-control " type = "text" name = "crse" placeholder = "Course"/><br>';
    } 
}

А в PHP вы получите доступ к этой информации следующим образом.

if (isset($_POST["awesome-form-submit"])) {
    $collegeOrUniversity = $_POST["uni"];
}

Кстати, лучший способ сделать это - вставить этот новый ввод непосредственно в форму с помощью insertAdjacentHTML.

document.getElementById('awesome-form').insertAdjacentHTML("afterbegin", '<label>College/University</label><input class = "form-control " type = "text" id = "course" name = "uni" placeholder = "College/University" /> <br> <label>Course</label><input class = "form-control " type = "text" name = "crse" placeholder = "Course"/><br>');

Другие вопросы по теме