1
votes

Le texte de la liste déroulante ne s'affiche pas après avoir obtenu la valeur

Je voudrais obtenir la valeur de la liste déroulante des options lorsque la page est lancée sans la sélectionner. J'ai déjà réussi à obtenir la valeur, mais le texte n'apparaît pas dans l'interface déroulante.

Voici ce que je fais pour obtenir la valeur,

   $("#firstDropdown").val(function () {
            getCode($(this).val());
        });

jquery html

1 commentaires

Quel texte est lié à la valeur sélectionnée de la liste déroulante?

3 Réponses :

1
votes

D'après votre question, "le texte n'apparaît pas dans l'interface déroulante". Utilisez l'option sélectionnée pour afficher l'option de liste déroulante par défaut.

getCode($("#firstDropdown option:selected").text();

Et pour entrer dans JS,

<select name = "dropdown">
        <option value = "1">1</option>
        <option value = "2" selected >2</option>
        <option value = "3">3</option>
     </select>

0 commentaires

1
votes

Ce que je sais jusqu'à présent, c'est que le menu déroulant n'a pas d'événement val , il a l'événement .change .

Alors changez le code comme ci-dessous: p>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="firstDropdown">
  <option value = "1">One</option>
  <option value = "2">Two</option>
  <option value = "3">Three</option>
</select>

Exemple de travail:

$("#firstDropdown").change(function () {
  getCode($("#firstDropdown option:selected").text());
});

function getCode(selectedText){
  console.log(selectedText);
}

$("#firstDropdown").change(function () { //.change() event
   //Use $("#firstDropdown option:selected").text() to get selected value text
    getCode($("#firstDropdown option:selected").text());
});

0 commentaires

0
votes

Celui-ci fera le travail

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <select id="cboSelector">
        <option value="0"></option>
        <option value="1">One</option>
        <option value="2" selected>Two</option>
        <option value="3">Three</option>
        <option value="4">Four</option>
        <option value="5">Five</option>
      </select>

getSelectText('cboSelector');

$('#cboSelector').change(function(){
  getSelectText('cboSelector');
});

function getSelectText(cbo) {
  var val = $('#'+cbo).val();
  console.log($('#'+cbo+' option[value="'+val+'"]').html());
}

0 commentaires