Get selected key/value of a combo box using jQuery

Question

Please, how can I get the selected key and value of a HTML select combo box using jQuery?

$(this).find("select").each(function () {     if ($.trim($(this).val()) != '') {         searchString += $.trim($(this).val()) + " "; //This gives me the key. How can I get the value also?     } }); 

Thanks

Answer 1

I assume by "key" and "value" you mean:

<select>     <option value="KEY">VALUE</option> </select> 

If that's the case, this will get you the "VALUE":

$(this).find('option:selected').text(); 

And you can get the "KEY" like this:

$(this).find('option:selected').val(); 

Answer 2

This works:

<select name="foo" id="foo"> <option value="1">a</option> <option value="2">b</option> <option value="3">c</option> </select> <input type="button" id="button" value="Button" />  $('#button').click(function() {     alert($('#foo option:selected').text());     alert($('#foo option:selected').val()); });