通常我使用$(“#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>
当前回答
获取所选标签的值:
$('#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>
其他回答
对于下拉选项，你可能想要这样的东西:
对于选定的文本
var conceptName = $('#aioConceptName').find(":selected").text();
对于所选值
var conceptName = $('#aioConceptName').find(":selected").val();
val()没有做到这一点的原因是，单击一个选项并不会改变下拉列表的值——它只是将:selected属性添加到作为下拉列表子项的selected选项中。
我无意中发现了这个问题，并将埃利奥特·博纳维尔的答案简化为:
var conceptName = $('#aioConceptName :selected').text();
或一般:
$('#id :pseudoclass')
这节省了额外的jQuery调用，在一个镜头中选择所有内容，并且更加清晰(我的观点)。
在这种情况下，你最好使用jQuery的change方法来查找当前选择的值，如下所示:
$('#aioConceptName').change(function(){
//get the selected val using jQuery's 'this' method and assign to a var
var selectedVal = $(this).val();
//perform the rest of your operations using aforementioned var
});
我更喜欢这种方法，因为您可以在给定的选择字段中为每个选定的选项执行函数。
希望有帮助!
也可以使用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>
通常，您不仅需要获取选定的值，还需要运行一些操作。那么，为什么不避免所有的jQuery魔法，而只是将所选值作为参数传递给动作调用呢?
<select onchange="your_action(this.value)">
<option value='*'>All</option>
<option ... />
</select>
