2016-12-16 5 views
-2

Итак, это лишь слабый пример, но сказать, что я создал текстовое поле и кнопка в HTML форме, как это:Как получить значения в форме html?

<input name="userInput" type="text"> 
<input value="submit" onclick="test(userInput)" type="submit"> 

и у меня есть этот код в JavaScript:

<script language="JavaScript"> 

function test(text){ 
    alert(text); 
} 
</script> 

Для некоторых Причина, это не работает. Мой вопрос: как я могу захватить текст, который пользователь помещает в текстовое поле, и использовать его в моем javascript-коде?

+1

Вам нужно будет указать идентификаторы полей ввода, а затем в вашем обработчике вы можете получить их по идентификатору и получить их значение. –

+0

Использование этих встроенных атрибутов событий HTML и неявных глобальных переменных - это обезглавленная практика. –

+0

Теперь мне интересно. Почему это приветствуется? Я действительно не делаю этого по своему выбору, по какой-то причине у меня возникают проблемы с подключением к моему файлу js .. и неявным глобальным varuables? – user214936

ответ

0

Вам необходимо использовать свойство входного элемента value, или ваше предупреждение будет содержать только «[object HTMLInputElement]».

function test(input) { 
 
    alert(input.value); 
 
}
<form> 
 
    <input name="userInput" type="text"> 
 
    <input value="submit" onclick="test(userInput)" type="submit"> 
 
</form>

0

Или, если форма содержит много значений вы можете использовать метод form.serialize на отправить событие формы.

Смежные вопросы