Verkrijg geselecteerde waarde van een dropdown's item met behulp van jQuery

Hoe kan ik de geselecteerde waarde van een dropdown box krijgen met behulp van jQuery?
Ik heb geprobeerd met behulp van

var value = $('#dropDownId').val();

en

var value = $('select#dropDownId option:selected').val();

maar beide geven een lege string terug.

Arslan Ali
Bewerkte vraag 14de3 mei 2015 в 9:17
Programmering
jquery
6de3 mei 2010 в 11:08
15 views
Oplossing

Voor enkel select dom-elementen, om de huidige geselecteerde waarde te krijgen:

$('#dropDownId').val();

Om de huidig geselecteerde tekst te krijgen:

$('#dropDownId :selected').text();
Peter McG
Bewerkt antwoord 6de3 mei 2010 в 8:35
Commentaren (9)
 
var value = $('#dropDownId:selected').text()

Zou goed moeten werken, zie dit voorbeeld:

$(document).ready(function(){ 
  $('#button1').click(function(){ 
    alert($('#combo :selected').text());
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="combo">
  Test 1
  Test 2
Ajay2707
Bewerkt antwoord 1ste2 juli 2015 в 5:48
Commentaren (2)

Heb je je select-element voorzien van een id?

<select id='dropDownId'> ...

Je eerste verklaring zou moeten werken!

Commentaren (0)