通常我使用$(“#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>
当前回答
你可以这样调试:
console.log($('#aioConceptName option:selected').val())
其他回答
JQuery:
如果你想要得到选定的选项文本，你可以使用$(select element).text()。 var text = $('#aioConceptName选项:selected').text(); 如果你想要得到选定的选项值，你可以使用$(select element).val()。 var val = $('#aioConceptName选项:selected').val(); 确保在<option>标签中设置value属性，如: <选择id = " aioConceptName " > <option value="">choose io</option> . <选项值=“罗马(值)" >罗马(文本)< /选项> <选项值= "托蒂(值)" >托蒂(文本)< /选项> < /选择>
在这个HTML代码示例中，假设选择了最后一个选项:
Var text会给你totti(text) Var val会给你totti(value)
美元(文档)。(“改变”,“# aioConceptName”功能(){ var val = $('#aioConceptName选项:selected').val(); var text = $('#aioConceptName选项:selected').text(); $ (' .result ')。text("Select Value = " + val); $ (' .result ')。append("<br>Select Text = " + Text); }) < script src = " https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js " > < /脚本> <选择id = " aioConceptName " > <选项值= " io(值)“>选择io > < /选项 <选项值=“罗马(值)" >罗马(文本)< /选项> <选项值= "托蒂(值)" >托蒂(文本)< /选项> < /选择> < p class = "结果" > < / p >
我无意中发现了这个问题，并将埃利奥特·博纳维尔的答案简化为:
var conceptName = $('#aioConceptName :selected').text();
或一般:
$('#id :pseudoclass')
这节省了额外的jQuery调用，在一个镜头中选择所有内容，并且更加清晰(我的观点)。
简单明了:
你下拉
<select id="aioConceptName">
<option>choose io</option>
<option>roma</option>
<option>totti</option>
</select>
Jquery代码获取所选值
$('#aioConceptName').change(function() {
var $option = $(this).find('option:selected');
//Added with the EDIT
var value = $option.val(); //returns the value of the selected option.
var text = $option.text(); //returns the text of the selected option.
});
$('#aioConceptName option:selected').val();
对于下拉选项，你可能想要这样的东西:
对于选定的文本
var conceptName = $('#aioConceptName').find(":selected").text();
对于所选值
var conceptName = $('#aioConceptName').find(":selected").val();
val()没有做到这一点的原因是，单击一个选项并不会改变下拉列表的值——它只是将:selected属性添加到作为下拉列表子项的selected选项中。
