通常我使用$(“#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>
当前回答
我无意中发现了这个问题，并将埃利奥特·博纳维尔的答案简化为:
var conceptName = $('#aioConceptName :selected').text();
或一般:
$('#id :pseudoclass')
这节省了额外的jQuery调用，在一个镜头中选择所有内容，并且更加清晰(我的观点)。
其他回答
你考虑过使用普通的javascript吗?
var box = document.getElementById('aioConceptName');
conceptName = box.options[box.selectedIndex].text;
参见使用JavaScript获取一个选项文本/值
这样就可以了:
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 < /选项> 选择< - >
我也有同样的问题，我想知道为什么它对我的案子不起作用 html页面被划分为不同的html片段，我发现我有另一个输入字段携带相同的Id的选择，这导致val()总是空的 我希望这能拯救那些有类似问题的人。
也可以使用jQuery.val()函数来选择元素:
.val()方法主要用于获取表单元素的值 如输入，选择和文本区域。对于选择元素，它 返回null，当没有选择任何选项时，返回一个包含 当至少有一个并且是时，每个所选选项的值 可以选择更多，因为存在多个属性。
$（函数（） { $（“#aioConceptName”）.on（“change”， function（） { $（“#debug”）.text（$（“#aioConceptName”）.val（））; }）.trigger（“change”）; }); <script src=“https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js”></script> <select id=“aioConceptName”> <option>选择io</option> <option>罗马</option> <option>托蒂</option> </select> <div id=“debug”></div>
简单明了:
你下拉
<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.
});
