Comment mettre à jour un texte d'entrée de javascript?

Question

J'ai ce code simple qui parle pour itself.Here il est:

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

Tout ce que je veux est que quand j'appuie sur le bouton, le champ de texte obtient une valeur actualisée à elle.

J'ai essayé d'utiliser b.value = "C" mais cela ne semble pas fonctionner.

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(); "> 

Cela fera l'affaire. Je lui ai donné un identifiant, et j'utilise getElementById ('txtField') en utilisant l'ID, et je mets à jour sa valeur

Answer 2

Vous semblez penser que donner un attribut de nom à une entrée de formulaire la rende adressable comme s'il s'agissait d'une variable globale. Ce n'est pas le cas. Il y a une syntaxe pour cela, et vous auriez à utiliser quelque chose comme: pour

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

pour se rendre à l'aborder avec succès. Vous êtes en mettant vos éléments de formulaire dans un formulaire, n'êtes-vous pas? Faites-le comme cela, ou utilisez un ID avec la méthode getElementById, comme le suggère mplacona.

Answer 3

mplacona l'a ... mais avez-vous déjà pensé à utiliser 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(); ">