2012-06-17 3 views
0

J'ai un formulaire d'inscription simple et je veux faire une option comme il y a deux champs différents, et ce que je veux est simple, juste quand j'ajoute du texte dans le premier champ qu'il devrait ajouter automatiquement le même contenu au champ suivant.comment remplir automatiquement les champs de texte avec texte automatiquement

+0

dois-je utiliser un script Jquery ou Java Script du tout pour cela, et si l'un de vous sait déjà quelque chose comme ça S'il vous plaît, je l'apprécierais vraiment! – lulzim

+0

jQuery est une bibliothèque javascript, si vous l'avez déjà inclus sur votre page par tous les moyens l'utiliser. Sinon, si votre projet n'utilise pas encore de jQuery et que vous n'avez pas l'intention de l'utiliser, il n'en a pas besoin non plus. –

+1

Mot du jour: 'Auto populate': D –

Répondre

3
$("#field1").change(function(){ 
    $("#field2").val(this.value); 
}); 

Démo: http://jsfiddle.net/DerekL/CcDv4/

+0

J'ai essayé de mettre ce code à l'intérieur des balises

1
$(function(){ 
    $('#txt1').on('change', function(e){ 
     $('#txt2').val($(this).val()); 
    }); 
});​ 

DEMO.

+2

Cela ne fonctionnera que si les champs sont directement l'un à côté de l'autre dans le code HTML .. – jchook

+0

Oui, merci! J'étais obsédé par la question du PO: «il faut ajouter automatiquement le même contenu au champ suivant». –

1

L'événement change ne se déclenche lorsque 2 conditions sont remplies:

  • L'élément désélectionné;
  • L'élément a une propriété value différente de celle obtenue lors de la mise au point.

Si vous voulez que le texte à changer pendant que vous tapez, vous pouvez utiliser jQuery avec l'événement HTML5 input:

//assuming `a` and `b` as text field IDs 
$('#a').on('input', function() { 
    $('#b').val($(this).val()); 
});​ 

JSFiddle

Pour les navigateurs non-HTML5, vous pouvez juste étendre la carte des événements pour simuler l'événement input:

$('#a').on('input keydown keypress keyup change blur', function() { 
    $('#b').val($(this).val()); 
});​ 

JSFiddle

0

Offrir onchange événement pour le premier champ et attribuer une valeur pour la deuxième champ, comme ci-dessous

onchange="secondfieldname.value=firstfieldnamefieldname.value" 
Questions connexes