10
votes

HTML JavaScript Dropdown sélectionnéExDex

J'essaie d'obtenir la liste déroulante pour changer la zone de texte, mais semble avoir des problèmes. xxx


0 commentaires

7 Réponses :


11
votes

Probablement juste:

var a = dropdown1.selectedIndex;


0 commentaires

0
votes
var a = dropdown1.selectedIndex;
    if(a == 0){
      textbox.value = "hi";
    } else if(a == 1) {
      textbox.value = "bye";
    }
    }

0 commentaires

0
votes

Vous stockez la valeur de l'élément sélectionné dans la variable A code> de sorte qu'il ne peut pas être comparé contre son index. Voir ci-dessous pour la version corrigée.

function chkind(){
    var dropdown1 = document.getElementById('dropdown1');
    var textbox = document.getElementById('textbox');
    var a = dropdown1.selectedIndex;

    if(a == 0){
      textbox.text = "hi";
    } else if(a == 1) {
      textbox.value = "bye";
    }
}


0 commentaires

1
votes

Je vous conseillerais de le faire de cette façon: xxx

Les modifications apportées au code:

  1. Tout d'abord, jetez un coup d'œil à la zone Sélectionner, toutes les balises d'option ont maintenant une attribution de «valeur». Cela indique au navigateur quelle est la valeur que l'entrée doit avoir lorsqu'une certaine option est sélectionnée. Vous pouvez également utiliser ceci à votre avantage pour définir des valeurs plus courtes que le contenu de l'option, par exemple lorsque vous avez un outil de sélection de pays, une de vos options pourrait être United a déclaré < / Option> .
  2. Dans votre script, vous n'avez plus de relevé If-Signal, nous venons de définir la valeur de la zone de texte sur la valeur de votre boîte de sélection.

1 commentaires

C'est une autre façon que je puisse y aller. Merci!



1
votes

Cela devrait fonctionner. Veuillez noter que «A» est l'élément DOM (option) xxx

ou xxx


0 commentaires

3
votes

Vous devez sélectionner la propriété de valeur comme suit:

var a = dropdown1.options[dropdown1.selectedIndex].value;


0 commentaires

0
votes
$('#selectid option:nth-child(1)').attr('selected', 'selected');

0 commentaires