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

Question

从下拉列表中获取选定选项通常我用$("#id").val()若要返回所选项的值，请执行以下操作。所选标签具有id。aioConceptNameHTML代码<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 id="aioConceptName">
    <option value="0">choose io</option>
    <option value="1">roma</option>
    <option value="2">totti</option></select>

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

现在你可以打电话了$('#aioConceptName').val()而不是这些:selected巫毒是别人推荐的。

Answer 3

我偶然发现了这个问题，并开发了一个更简洁的版本埃利奥特·邦纳维尔的答案：

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

或泛指：

$('#id :pseudoclass')

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