Usually We use $("#id").val() to return the value of the selected option, but this time it doesn't work. The selected tag has the id aioConceptName
For dropdown options we probably want something like this:
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.
Set the values for each of the options
$('#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 we can call
$('#aioConceptName').val() instead of all this :selected voodoo being suggested by others.
WE stumbled across this question and developed a more concise version of Elliot BOnneville's answer:
Try this for value...
or this for text...