Get selected key/value of a combo box using jQuery

Amit picture Amit · Apr 19, 2011 · Viewed 181.4k times · Source

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

David Tang picture David Tang · Apr 19, 2011

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();