通常我使用$(“#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中，你可以使用以下方法检索所选的选项元素: $(this).find('option:selected')如下所示:
$('dropdown_selector').change(function() {
//Use $option (with the "$") to see that the variable is a jQuery object
var $option = $(this).find('option:selected');
//Added with the EDIT
var value = $option.val();//to get content of "value" attrib
var text = $option.text();//to get <option>Text</option> content
});
Edit
正如possession within所提到的，我的答案只是回答这个问题:如何选择所选的“选项”。
接下来，要获取选项值，使用option.val()。
其他回答
为每个选项设置值
<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()返回value属性。要使其正常工作，必须在每个<option>上设置值属性。
现在你可以调用$('#aioConceptName').val()而不是这一切:选择巫毒是由其他人建议。
如果你在事件上下文中，在jQuery中，你可以使用以下方法检索所选的选项元素: $(this).find('option:selected')如下所示:
$('dropdown_selector').change(function() {
//Use $option (with the "$") to see that the variable is a jQuery object
var $option = $(this).find('option:selected');
//Added with the EDIT
var value = $option.val();//to get content of "value" attrib
var text = $option.text();//to get <option>Text</option> content
});
Edit
正如possession within所提到的，我的答案只是回答这个问题:如何选择所选的“选项”。
接下来，要获取选项值，使用option.val()。
您可以使用精确选择的选项进行选择: 下面将给出innerText
$("select#aioConceptName > option:selected").text()
而下面将给你价值。
$("select#aioConceptName > option:selected").val()
你考虑过使用普通的javascript吗?
var box = document.getElementById('aioConceptName');
conceptName = box.options[box.selectedIndex].text;
参见使用JavaScript获取一个选项文本/值
$('#aioConceptName option:selected').val();
