通常我使用$(“#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/
其他回答
获取所选标签的值:
$('#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>
我也有同样的问题，我想知道为什么它对我的案子不起作用 html页面被划分为不同的html片段，我发现我有另一个输入字段携带相同的Id的选择，这导致val()总是空的 我希望这能拯救那些有类似问题的人。
您可以使用精确选择的选项进行选择: 下面将给出innerText
$("select#aioConceptName > option:selected").text()
而下面将给你价值。
$("select#aioConceptName > option:selected").val()
这样就可以了:
var conceptName = $('#aioConceptName').val();
功能(美元){ # aioConceptName’(美元)。上(“改变”，功能) 控制台日志(事件。类型+“活动”:$ .val(); (这个美元)。prev“输入”)。瓦尔((这)。瓦尔(美元); }); }); <剧本剧本src = " https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js " > < / > < >标签名,< - >标签 <输入类型=“文本” 选择< id =“aioConceptName > < < / lo选项>选择选项> <罗马选项> < /选项> <选项> totti < /选项> 选择< - >
对于良好的实践，您需要使用val()来获取所选选项的值，而不是text()。
<label>Name</label>
<input type="text" name="name" />
<select id="aioConceptName">
<option value="choose">choose io</option>
</select>
你可以使用
$("#aioConceptName").find(':selected').val();
Or
$("#aioConceptName :selected").val();
