通常我使用$(“#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>
当前回答
只有一种正确的方法来查找所选的选项-按选项值属性。就拿这段简单的代码来说:
//find selected option
$select = $("#mySelect");
$selectedOption = $select.find( "option[value=" + $select.val() + "]" );
//get selected option text
console.log( $selectedOption.text() );
如果你有一个这样的列表:
<select id="#mySelect" >
<option value="value1" >First option</option>
<option value="value2" >Second option</option>
<option value="value3" selected >Third option</option>
</select>
如果您使用所选属性作为选项，那么find(“:selected”)将给出不正确的结果，因为所选属性将永远停留在选项中，即使用户选择了另一个选项。
即使用户选择第一个或第二个选项，$("select option:selected")的结果也会给出两个元素!因此$("select:selected").text()会给出类似First option Third option的结果
所以使用值属性选择器，不要忘记为所有选项设置值属性!
其他回答
如果你在事件上下文中，在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()。
我希望这也有助于更好地理解和帮助 试试下面的方法，
$('select[id="aioConceptName[]"] option:selected').each(function(key,value){
options2[$(this).val()] = $(this).text();
console.log(JSON.stringify(options2));
});
详情请 http://www.drtuts.com/get-value-multi-select-dropdown-without-value-attribute-using-jquery/
在这种情况下，你最好使用jQuery的change方法来查找当前选择的值，如下所示:
$('#aioConceptName').change(function(){
//get the selected val using jQuery's 'this' method and assign to a var
var selectedVal = $(this).val();
//perform the rest of your operations using aforementioned var
});
我更喜欢这种方法，因为您可以在给定的选择字段中为每个选定的选项执行函数。
希望有帮助!
你考虑过使用普通的javascript吗?
var box = document.getElementById('aioConceptName');
conceptName = box.options[box.selectedIndex].text;
参见使用JavaScript获取一个选项文本/值
如果你想抓取'value'属性而不是文本节点，这将为你工作:
var conceptName = $('#aioConceptName').find(":selected").attr('value');
