从下拉列表中获取选定选项

Question

从下拉列表中获取选定选项

通常我用$("#id").val()若要返回所选项的值，请执行以下操作。所选标签具有id。aioConceptName

HTML代码

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

Answer 1

对于下拉选项，您可能需要这样的内容：var conceptName = $('#aioConceptName').find(":selected").text();原因val()这并不是因为点击一个选项不会改变下拉列表的值-它只是添加了:selected属性设置为所选项，该选项是儿童下坠的。

Answer 2

为每个选项设置值<select&nbsp;id="aioConceptName"> &nbsp;&nbsp;&nbsp;&nbsp;<option&nbsp;value="0">choose&nbsp;io</option> &nbsp;&nbsp;&nbsp;&nbsp;<option&nbsp;value="1">roma</option> &nbsp;&nbsp;&nbsp;&nbsp;<option&nbsp;value="2">totti</option></select>$('#aioConceptName').val()不起作用是因为.val()返回value属性。要使它正常工作，value属性必须设置在每个<option>.现在你可以打电话了$('#aioConceptName').val()而不是这些:selected巫毒是别人推荐的。

Answer 3

我偶然发现了这个问题，并开发了一个更简洁的版本埃利奥特·邦纳维尔的答案：var&nbsp;conceptName&nbsp;=&nbsp;$('#aioConceptName&nbsp;:selected').text();或泛指：$('#id&nbsp;:pseudoclass')这为您节省了一个额外的jQuery调用，一次选择了所有内容，并且更加清晰(我的观点)。