Чтобы использовать переменную JavaScript в действии формы, вы можете использовать различные методы. Вот несколько подходов:
-
Настройте действие формы динамически с помощью JavaScript:
- В HTML-коде присвойте элементу формы атрибут
id, например:.
- В своем JavaScript извлеките элемент формы с помощью
document.getElementByIdи установите для атрибутаactionнужное значение с помощью переменной. Вот пример:var myVariable = "example.php"; document.getElementById("myForm").action = myVariable;
- В HTML-коде присвойте элементу формы атрибут
-
Используйте встроенный обработчик событий JavaScript:
- В теге формы HTML укажите атрибут
onsubmitи установите его равным функции JavaScript, которая обновляет действие формы. Вот пример:<form onsubmit="updateAction()"> <!-- form fields --> </form> <script> function updateAction() { var myVariable = "example.php"; document.getElementById("myForm").action = myVariable; } </script>
- В теге формы HTML укажите атрибут
-
Использовать прослушиватель событий:
- В свой JavaScript добавьте прослушиватель событий в элемент формы для события
submit. Внутри функции прослушивателя событий обновите действие формы, используя переменную. Вот пример:<form id="myForm"> <!-- form fields --> </form> <script> var myVariable = "example.php"; document.getElementById("myForm").addEventListener("submit", function(event) { event.preventDefault(); document.getElementById("myForm").action = myVariable; // Additional code if needed }); </script>
- В свой JavaScript добавьте прослушиватель событий в элемент формы для события
Это три часто используемых метода использования переменной JavaScript в действии формы. Выберите метод, который лучше всего соответствует вашим конкретным требованиям и стилю кодирования.