通常我使用$(“#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>
当前回答
$('#aioConceptName option:selected').val();
其他回答
对于下拉选项，你可能想要这样的东西:
对于选定的文本
var conceptName = $('#aioConceptName').find(":selected").text();
对于所选值
var conceptName = $('#aioConceptName').find(":selected").val();
val()没有做到这一点的原因是，单击一个选项并不会改变下拉列表的值——它只是将:selected属性添加到作为下拉列表子项的selected选项中。
我无意中发现了这个问题，并将埃利奥特·博纳维尔的答案简化为:
var conceptName = $('#aioConceptName :selected').text();
或一般:
$('#id :pseudoclass')
这节省了额外的jQuery调用，在一个镜头中选择所有内容，并且更加清晰(我的观点)。
我希望这也有助于更好地理解和帮助 试试下面的方法，
$('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中，你可以使用以下方法检索所选的选项元素: $(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()。
$('nameofDropDownList').prop('selectedIndex', whateverNumberasInt);
将DDL想象成一个带有索引的数组，您正在选择一个索引。选择一个你想用JS设置的。
