Как обновить входной текст из javascript?

Question

У меня есть этот простой код, который говорит сам за itself.Here это:

<script language='javascript"> 
    function check() {} 
</script> 
<div id="a">input type="text" name="b"> 
<input type="button" onClick=" check(); "> 

Все, что я хочу, что, когда я нажимаю кнопку, текстовое поле получает значение обновленное к нему.

Я пробовал использовать b.value = "C", но он, похоже, не работает.

Answer 1

<script language='javascript"> 
    function check() { 
      document.getElementById('txtField').value='new value here' 
    } 
</script> 

<input id="txtField" type="text" name="b"> <input type="button" onClick=" check(); "> 

Это будет делать. я дал ему идентификатор и использовал getElementById ('txtField'), используя идентификатор, и обновил его значение.

Answer 2

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

document.forms[0].b.value = "C"; 

для того, чтобы решить ее успешно. Вы : Поместите свои элементы формы в форму, не так ли?

Сделайте это так, или используйте идентификатор вместе с методом getElementById, как предлагает mplacona.

Answer 3

mplacona получил это ... , но вы когда-нибудь задумывались об использовании jQuery !?

<script language="javascript"> 
$(document).ready(function(){ 
$("#c").click(function(){ 
    $("#txtField").val("YOU NEW VALUE GOES HERE:)"); 
}); 
}); 
</script> 

<input id="txtField" type="text" name="b"> <input id="c" type="button" onClick=" check(); ">