javascript - jQuery从下拉列表中获取选定的选项(jQuery Get Selected Option From Dropdown)

Question

Usually I use $("#id").val() to return the value of the selected option, but this time it doesn't work.

(通常，我使用$("#id").val()返回所选选项的值，但是这次不起作用。)

The selected tag has the id aioConceptName

(所选标签的ID为aioConceptName)

html code

(HTML代码)

<label>Name</label>
<input type="text" name="name" />
<select id="aioConceptName">
    <option>choose io</option>
    <option>roma</option>
    <option>totti</option>
</select>

  ask by William Kinaan translate from so

Answer 1

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.

(val()不能解决问题的原因是，单击选项不会更改下拉菜单的值，它只是将:selected属性添加到作为下拉菜单的子级的selected选项中。)