javascript - получить параметр значения из текста ввода

Я хочу получить значение ввода текста. Я хотел бы сделать это с помощью id и getElementById:javascript - получить параметр значения из текста ввода

здесь HTML код:

<form> 
    <fieldset> 
    <legend>Input ordinate :</legend> 
    <input type="text" id="ordinateId" name="input"/> 
    <input type="button" id="startbuttonId" value="Start particle"/> 
    </fieldset> 
</form>

и Javascript:

<script type="text/javascript"> 

var button = document.getElementById("startbuttonId"); 
var value = document.getElementById("ordinateId").value; 

console.log(value); 
button.onclick = function() { 
    console.log(value); 
} 
</script>

но в консоли ничего не появляется для value. В чем проблема ?

Thanks

источник

2015-03-06 youpilat13

Вам необходимо получить доступ к значению ввода внутри вашей функции. Он устанавливает переменную, когда страница загружается, прежде чем вы набрали что-либо. – Interrobang

Где этот код выполняется относительно формы? – j08691

Я использовал решение, которое вы мне дали, но ничего не появляется в консоли. Я помещаю javascript в нижнюю часть html-страницы. Где я должен это положить? – youpilat13

Проблема заключается в том, что вы проверяете на стоимости входного прежде, чем он установлен (при загрузке документа). Просто переместите объявление переменной внутри функции мыши, как так:

var button = document.getElementById("startbuttonId"); 

button.onclick = function() { 
    var value = document.getElementById("ordinateId").value; 
    console.log(value); 
}

JSFiddle

источник

2015-03-06 21:20:28 APAD1

ваш код отлично работает на JSFiddle, но не на моем сервере. не могли бы вы рассказать мне, где поставить код javascript? внизу или в разделе ? Спасибо – youpilat13

Положите его внизу, непосредственно перед тегом закрывающего тела. Таким образом, вы гарантируете, что элемент будет отображаться в DOM перед выполнением JavaScript. – APAD1

ОК, я нажал на клавишу возврата после того, как значение набрало вместо нажатия на кнопку «Старт». Как я могу иметь такое же поведение между нажатием кнопки «возврат» и нажатием кнопки. Спасибо – youpilat13

Вам нужно получить значение снова, когда происходит пожар. Просто двигайте var value

button.onclick = function() { 
    var value = document.getElementById("ordinateId").value; 
    console.log(value); 
}

источник

2015-03-06 21:19:48 Adjit

С текущего сценария вы присваивающей value только один раз, что я предполагаю, что это пустая строка. Вы должны поместить назначение внутри функции, чтобы оно получало текущее значение ввода при его нажатии.

<script type="text/javascript"> 

var button = document.getElementById("startbuttonId"); 


button.onclick = function() { 
    var value = document.getElementById("ordinateId").value; 
    console.log(value); 
} 
</script>

источник

2015-03-06 21:22:58

javascript - получить параметр значения из текста ввода

ответ

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