Как сохранить значение из формы в переменной?

Question

Я хочу получить значение из HTML в свой Javascript.

Так вот входной блок HTML в теле

<input type="text" name="paa" value="0" size="3"> 

И вот скрипте Часть

var paa = document.getElementById("paa").value; 

Но я только получаю Null и когда я ParseInt это я получаю только NaN.

Конечно, я делаю что-то неправильно, но я понятия не имею, что я искал его, но и другие темы, кажется, работает нормально, как это или использовать другие вещи, как JQuery ..

Все, что я хочу - получить значение из ввода HTML в переменную Javascript.

Answer 1

Ваш элемент имеет name из "paa", неid из "paa". Вместо getElementById() вы должны будете использовать:

document.getElementsByName("paa") 

Это возвращает коллекцию любых элементов с этим атрибутом name. Чтобы получить доступ к каждому отдельному, вам нужно будет использовать его индекс. Если у вас есть только один "paa" элемент на странице, вы можете использовать:

document.getElementsByName("paa")[0].value 

Answer 2

Изменить

<input type="text" name="paa" value="0" size="3"> 

в

<input type="text" name="paa" value="0" id="paa" size="3"> 

Answer 3

Так вот входной блок HTML в теле

<input type="text" id="paa" value="0" size="3"> 

А вот та часть скрипт

<script> 
    var paa = document.getElementById("paa").value; 
    alert(paa) 
</script> 

Answer 4

Вам просто нужно добавить идентификатор к вашему входному элементу, например:

<input type="text" id="paa" name="paa" value="0" size="3"> 

Это потому, что вы используете getElementById, но ваш элемент не имеет идентификатора.

Рабочий пример: https://jsfiddle.net/JohnnyWalkerDesign/gs9ek11L/

Answer 5

Вы просто забыли атрибут ID в вашем HTML

<input type="text" **id="paa"** name="paa" value="0" size="3"> 

Почему бы не использовать JQuery? Это упростит вашу жизнь при работе с HTML DOM.

var value = $('#paa').val();