通常我使用$(“#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>
当前回答
我希望这也有助于更好地理解和帮助 试试下面的方法，
$('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，只需添加一个更改事件，并在该处理程序中获得选定的值或文本。
如果您需要选定的文本，请使用以下代码:
$("#aioConceptName").change(function () {
alert($("#aioConceptName :selected").text())
});
或者如果您需要选择的值，请使用以下代码:
$("#aioConceptName").change(function () {
alert($("#aioConceptName :selected").attr('value'))
});
$('#aioConceptName option:selected').val();
要用jQuery找到正确的选择，请考虑在html树中可以使用多个选择，这会混淆您的预期输出。
(:selected).val()或(:selected).text()在多个选择选项上不能正确工作。因此，像.map()所做的那样，我们先保留所有选择的数组，然后返回所需的参数或文本。
下面的示例说明了这些问题，并提供了一种更好的方法
<select id="form-s" multiple="multiple">
<option selected>city1</option>
<option selected value="c2">city2</option>
<option value="c3">city3</option>
</select>
<select id="aioConceptName">
<option value="s1" selected >choose io</option>
<option value="s2">roma </option>
<option value="s3">totti</option>
</select>
<select id="test">
<option value="s4">paloma</option>
<option value="s5" selected >foo</option>
<option value="s6">bar</option>
</select>
<script>
$('select').change(function() {
var a=$(':selected').text(); // "city1city2choose iofoo"
var b=$(':selected').val(); // "city1" - selects just first query !
//but..
var c=$(':selected').map(function(){ // ["city1","city2","choose io","foo"]
return $(this).text();
});
var d=$(':selected').map(function(){ // ["city1","c2","s1","s5"]
return $(this).val();
});
console.log(a,b,c,d);
});
</script>
在变体a, b中，与正确工作的c和d相比，它将所有选择保存在数组中，然后返回您所寻找的内容，从而看到不同的容易出现错误的输出。
通常，您不仅需要获取选定的值，还需要运行一些操作。那么，为什么不避免所有的jQuery魔法，而只是将所选值作为参数传递给动作调用呢?
<select onchange="your_action(this.value)">
<option value='*'>All</option>
<option ... />
</select>
获取所选标签的值:
$('#id_Of_Parent_Selected_Tag').find(":selected").val();
如果你想获取文本，请使用以下代码:
$('#id_Of_Parent_Selected_Tag').find(":selected").text();
例如:
<div id="i_am_parent_of_select_tag">
<select>
<option value="1">CR7</option>
<option value="2">MESSI</option>
</select>
</div>
<script>
$('#i_am_parent_of_select_tag').find(":selected").val();//OUTPUT:1 OR 2
$('#i_am_parent_of_select_tag').find(":selected").text();//OUTPUT:CR7 OR MESSI
</script>
