通常我使用$(“#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();
其他回答
我希望这也有助于更好地理解和帮助 试试下面的方法，
$('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/
你考虑过使用普通的javascript吗?
var box = document.getElementById('aioConceptName');
conceptName = box.options[box.selectedIndex].text;
参见使用JavaScript获取一个选项文本/值
获取所选标签的值:
$('#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>
简单明了:
你下拉
<select id="aioConceptName">
<option>choose io</option>
<option>roma</option>
<option>totti</option>
</select>
Jquery代码获取所选值
$('#aioConceptName').change(function() {
var $option = $(this).find('option:selected');
//Added with the EDIT
var value = $option.val(); //returns the value of the selected option.
var text = $option.text(); //returns the text of the selected option.
});
这样就可以了:
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 < /选项> 选择< - >
