通常我使用$(“#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，只需添加一个更改事件，并在该处理程序中获得选定的值或文本。
如果您需要选定的文本，请使用以下代码:
$("#aioConceptName").change(function () {
alert($("#aioConceptName :selected").text())
});
或者如果您需要选择的值，请使用以下代码:
$("#aioConceptName").change(function () {
alert($("#aioConceptName :selected").attr('value'))
});
其他回答
试试这个价值…
$("select#id_of_select_element option").filter(":selected").val();
或者这个用于文本…
$("select#id_of_select_element option").filter(":selected").text();
这样就可以了:
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 < /选项> 选择< - >
您可以使用精确选择的选项进行选择: 下面将给出innerText
$("select#aioConceptName > option:selected").text()
而下面将给你价值。
$("select#aioConceptName > option:selected").val()
只有一种正确的方法来查找所选的选项-按选项值属性。就拿这段简单的代码来说:
//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的结果
所以使用值属性选择器，不要忘记为所有选项设置值属性!
要获取具有相同class= name的select，您可以这样做，以检查选择选项是否被选中。
var bOK = true;
$('.optKategorien').each(function(index,el){
if($(el).find(":selected").text() == "") {
bOK = false;
}
});
