Définir la valeur d'un champ de saisie

Comment définiriez-vous la valeur par défaut d'un champ de texte de formulaire <input> en JavaScript?

330
demandé sur Xufox 2011-09-30 14:32:00

10 réponses

C'est une façon de le faire:

document.getElementById("mytext").value = "My value";
627
répondu James 2016-01-10 00:13:13

Si votre formulaire contient un champ de saisie comme

<input type='text' id='id1' />

Ensuite, vous pouvez écrire le code javascript ci-dessous pour définir sa valeur de

document.getElementById('id1').value='text to be displayed' ; 
50
répondu Varada 2011-09-30 10:38:46

J'utilise la fonction' setAttribute':

<input type="text" id="example"> // Setup text field 
<script type="text/javascript"> 
  document.getElementById("example").setAttribute('value','My default value');
</script>
40
répondu Pepe Amoedo 2014-06-18 14:37:46

Essayez ça.

document.getElementById("current").value = 12

// or

var current = document.getElementById("current");
current.value = 12
19
répondu dallinchase 2012-12-11 18:49:17

La réponse est vraiment simple

// Your HTML text field

<input type="text" name="name" id="txt">

//Your javascript

<script type="text/javascript"> 
document.getElementById("txt").value = "My default value";
</script>

Ou si vous voulez éviter entièrement JavaScript: vous pouvez le définir simplement en utilisant HTML

<input type="text" name="name" id="txt" value="My default value">
11
répondu php-coder 2015-09-02 06:57:32

La réponse simple n'est pas en Javascript le moyen le plus simple d'obtenir l'espace réservé est de passer par l'attribut place holder

<input type="text" name="text_box_1" placeholder="My Default Value" />
8
répondu Jdoonan 2014-08-06 15:38:37

Si vous utilisez plusieurs formes, vous pouvez utiliser:

<form name='myForm'>
    <input type='text' name='name' value=''>
</form>

<script type="text/javascript"> 
    document.forms['myForm']['name'].value = "New value";
</script>
8
répondu David Caissy 2017-03-17 14:42:41

C'est simple; un exemple est:

<input type="text" id="example"> // Setup text field 
<script type="text/javascript"> 
var elem = document.getElementById("example"); // Get text field
elem.value = "My default value"; // Change field
</script>
6
répondu ultimatetechie 2014-04-04 08:00:55
document.getElementById("fieldId").value = "Value";

Ou

document.forms['formId']['fieldId'].value = "Value";

Ou

document.getElementById("fieldId").setAttribute('value','Value');
3
répondu Arun Karnawat 2018-02-05 11:59:16

Vous pouvez également essayer:

document.getElementById('theID').value = 'new value';
0
répondu Bogdan Mates 2015-09-02 10:56:28