通常我使用$(“#id”).val()来返回所选选项的值，但这一次它不起作用。 所选标记的id为aioConceptName
html代码
<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>
当前回答
通常，您不仅需要获取选定的值，还需要运行一些操作。那么，为什么不避免所有的jQuery魔法，而只是将所选值作为参数传递给动作调用呢?
<select onchange="your_action(this.value)">
<option value='*'>All</option>
<option ... />
</select>
其他回答
对于良好的实践，您需要使用val()来获取所选选项的值，而不是text()。
<label>Name</label>
<input type="text" name="name" />
<select id="aioConceptName">
<option value="choose">choose io</option>
</select>
你可以使用
$("#aioConceptName").find(':selected').val();
Or
$("#aioConceptName :selected").val();
对于下拉选项，你可能想要这样的东西:
对于选定的文本
var conceptName = $('#aioConceptName').find(":selected").text();
对于所选值
var conceptName = $('#aioConceptName').find(":selected").val();
val()没有做到这一点的原因是，单击一个选项并不会改变下拉列表的值——它只是将:selected属性添加到作为下拉列表子项的selected选项中。
您可以使用精确选择的选项进行选择: 下面将给出innerText
$("select#aioConceptName > option:selected").text()
而下面将给你价值。
$("select#aioConceptName > option:selected").val()
Try
aioConceptName.selectedOptions[0].value
let val = aioconcepts . selecpick [0].value 控制台日志(selected珍惜:“瓦尔); < >标签名,< - >标签 <输入类型=“文本” 选择< id =“aioConceptName > < < / lo选项>选择选项> <罗马选项> < /选项> <选项> totti < /选项> 选择< - >
我也有同样的问题，我想知道为什么它对我的案子不起作用 html页面被划分为不同的html片段，我发现我有另一个输入字段携带相同的Id的选择，这导致val()总是空的 我希望这能拯救那些有类似问题的人。
