JavaScript 中jQuery查询从下拉列表中获取所选选项

通常我用来返回所选选项的值，但这次它不起作用。
所选标签具有 id$("#id").val()aioConceptName

网页代码

<label for="name">Name</label>
<input type="text" name="name" id="name" />

<label for="aioConceptName">AIO Concept Name</label>
<select id="aioConceptName">
    <option>choose io</option>
    <option>roma</option>
    <option>totti</option>
</select>

分割线

网友回答：

对于下拉选项，您可能需要这样的东西：

对于所选文本

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

对于所选值

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

之所以不解决问题，是因为单击选项不会更改下拉列表的值 – 它只是将属性添加到所选选项，该选项是下拉列表的子选项。val():selected

分割线

网友回答：

设置每个选项的值

<label for="aioConceptName">AIO Concept Name</label>
<select id="aioConceptName">
    <option value="0">choose io</option>
    <option value="1">roma</option>
    <option value="2">totti</option>
</select>

$('#aioConceptName').val()不起作用，因为返回属性。要使其正常工作，必须在每个 ..val()valuevalue<option>

现在你可以打电话，而不是其他人建议的所有这些巫毒教。$('#aioConceptName').val():selected

分割线

网友回答：

我偶然发现了这个问题，并开发了Elliot BOnneville的答案的更简洁的版本：

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

或一般：

$('#id :pseudoclass')

这为您节省了额外的jQuery调用，一次选择所有内容，并且更清晰（我的观点）。

模板简介：该模板名称为【JavaScript 中jQuery查询从下拉列表中获取所选选项】，大小是暂无信息，文档格式为.编程语言，推荐使用Sublime/Dreamweaver/HBuilder打开，作品中的图片，文字等数据均可修改，图片请在作品中选中图片替换即可，文字修改直接点击文字修改即可，您也可以新增或修改作品中的内容，该模板来自用户分享，如有侵权行为请联系网站客服处理。欢迎来懒人模板【JavaScript】栏目查找您需要的精美模板。