onchange boîte de sélection

Dire que nous avons 2 sélectionnez les cases avec le même nombre d'options:

<select id="box1">
<option value="1" >1</option>
<option value="2" >2</option>
</select>

<select id="box2">
<option value="3" >3</option>
<option value="4" >4</option>
</select>

Est-il possible lorsque l'on sélectionne la première case pour sélectionner le même numéro d'option dans la deuxième case automatiquement? Sans jQuery, si possible.

Mise à JOUR: les valeurs de 2 boîtes sont différents!!! Lorsque l'on sélectionne la première valeur de l'encadré 1 de la zone 2 de la valeur sera automatiquement serait de 3! et ainsi de suite...

Quand vous dites sans jquery, voulez-vous dire précisément jquery ou javascript? Parce que tout ce qui est possible avec jquery est possible avec javascript (jquery est juste un cadre pour le javascript)
quand je dis sans jquery je veux dire que je n'ai pas de framework jquery sur la page. au fait, j'ai édité le q, comme certains de vous tout simplement de définir la même valeur à la 2ème case.
Utilisez simplement <select id="box1" onChange="box2.value=box1.value"> répondre avec plus de détails....
Fahim Parkar, les boîtes de valeurs sont différentes. vérifiez le Q de nouveau, j'ai mis à jour.

OriginalL'auteur N_F_S | 2012-03-19

  1. 8

    Oui. Ajouter un onChange de la propriété à l'sélectionnez d'abord, puis l'utiliser pour appeler une fonction javascript que vous avez écrit ailleurs.

    <select id="box1" onChange="changeBox2(this.selectedIndex);">
<option value="1" >1</option>
<option value="2" >2</option>
</select>

<select id="box2">
<option value="1" >1</option>
<option value="2" >2</option>
</select>

    W3 Écoles Événements JavaScript

    Exemple sur l'Accès à l'SÉLECTIONNEZ propriétés dans le JS

    Je ne sais pas pourquoi cela a bas voté.
    Près de deux mois plus tard, Et je suis assis à deux en haut, deux en bas de voix avec la réponse ayant été accepté. Aucune des personnes qui ont cru bon de downvote mentionné pourquoi. Pourquoi?
    C'est probablement parce que le culte de la haine que certaines personnes ont de W3 Écoles. Il y a ceux qui, tout simplement, downvote sur la base de voir un lien vers W3 Schools - je ne le prenez pas personnellement.

    OriginalL'auteur FrankieTheKneeMan

  2. 2

    Suivantes JS devrait fonctionner:

    document.getElementById("box1").onchange = function(){
    document.getElementById("box2").value = this.value;
};

    Pas le plus élégant de code que j'ai écrit, mais pour obtenir ce dont vous avez besoin. Violon: http://jsfiddle.net/XZRKS/

    OriginalL'auteur o.v.

  3. 2

    Un extrait de code javascript code:

    var box1=document.getElementById("box1");
box1.onchange=function (){
    document.getElementById("box2").value=box1.value;
}
    +1 pour la référence de la mise en cache et de me battre pour la réponse en deux minutes... rapide postes est un art, que je suis encore maître 🙂
    évidemment, je n'ai pas besoin de définir la valeur de la 2ème case de la même que le premier(ils sont différents). C'était juste un exemple

    OriginalL'auteur zsxwing

  4. 1

    Espère ci-dessous est ce que vous voulez...

    <html>
<body>
<select id="box1" onChange="box2.value=box1.value">
<option value="1" >1</option>
<option value="2" >2</option>
<option value="3" >3</option>
<option value="4" >4</option>
<option value="5" >5</option>
<option value="6" >6</option>
<option value="7" >7</option>
</select>

<select id="box2"  onChange="box1.value=box2.value">
<option value="1" >1</option>
<option value="2" >2</option>
<option value="3" >3</option>
<option value="4" >4</option>
<option value="5" >5</option>
<option value="6" >6</option>
<option value="7" >7</option>
</select>

</body>
</html>

    OriginalL'auteur Fahim Parkar

  5. 0
    var box1 = document.getElementById("box1");
var box2 = document.getElementById("box2");
box1.addEventListener("change", function(e){
    var val = parseInt(this.value);
    box2.querySelector("option:nth-child("+val+")").selected = true;
}, false);

    Cela ne fonctionnera que dans Gecko/Mozilla uniquement

    Pour IE utiliser onChange au lieu de changer et attachEvent au lieu de la méthode addEventListener, pour plus d'info visitez

    http://msdn.microsoft.com/en-us/library/ie/ms536343%28v=vs.85%29.aspx


    pour plus d'informations sur querySelector voir ce lien

    https://developer.mozilla.org/en-US/docs/Web/API/document.querySelector

    OriginalL'auteur Sajjad Ashraf

  6. 0

    oui c'est simple en javascript. juste une ligne.

    function ch(){
  document.getElementById("box2").value = document.getElementById("box1").value ;
}

    vous pouvez appeler ch() sur onchange cas de box2

    OriginalL'auteur Adeel