pegar valor do option que ta selecionado

[junior almeida 0]

quero pegar o valor de um select só que não consigo aparece como undefined, quando eu removo a div #myDropdown  eu consigo o resultado que quero mas com a div não consigo segue uma parte do código

 

<div id="myDropdown">

         <select id="demo-htmlselect" name="rank">

                 <option value="0" selected="selected" data-imagesrc="https://i.imgur.com/wMvJ3xf.png"

                  data-description="Rank 1 ">Rank 1</option>

                 <option value="1" data-imagesrc="https://i.imgur.com/6Vc4i1q.png"

               data-description="Rank 2">Rank 2</option>

         </select>

</div>

 

 

<script>

function displayVals() {

               var val = $( "#demo-htmlselect" ).val();

               $( "p" ).html( "<b>Single:</b> " + val);

}

 

$( "select" ).change( displayVals );

displayVals();

 

</script>

 

[wootzor 103]

Seria isto?:

 

function displayVals() {
  var val = $("#demo-htmlselect").val();
  $("p").html("<b>Single:</b> " + val);
}
$(document).ready(function () {
  $("select").change(displayVals);
});

Repara que não tens nenhum parágrafo na página, (também) por isso é que não aparecia qualquer resultado.

[junior almeida 0]

acredito que isso nao resolveria pois sem a div #myDropdow aparece o resultado do select mas quando eu coloco a div o resultado nao aparece mais

[wootzor 103]

Como assim?

 

Podes ver que no meu exemplo funciona mesmo deixando a div #myDropdown.