JQuery Get Selected Option From Dropdown

For dropdown options you probably want something like this:

var conceptName = $('#aioConceptName').find(":selected").text();

The reason val() doesn't do the trick is because clicking an option doesn't change the value of the dropdown--it just adds the :selected property to the selected option which is a child of the dropdown.

4 years ago

Try this for value

$("select#id_of_select_element option").filter(":selected").val();

Try this one for text

$("select#id_of_select_element option").filter(":selected").text();

4 years ago

Set the values for each of the options

<select id="aioConceptName">

    <option value="0">choose io</option>

    <option value="1">roma</option>

    <option value="2">totti</option>

</select>

$('#aioConceptName').val() didn't work because .val() returns the value attribute. To have it work properly, the value attributes must be set on each <option>.

Now you can call $('#aioConceptName').val() instead of all this :selected voodoo being suggested by others.

4 years ago

try this one:

var box = document.getElementById('aioConceptName');

conceptName = box.options[box.selectedIndex].text;

4 years ago

Use the following code

var conceptName = $('#aioConceptName :selected').text();

or generically

$('#id :pseudoclass')

4 years ago