好的,我有这个代码:
<select name="selector" id="selector">
<option value="1">Option 1</option>
<option value="2">Option 2</option>
</select>
我想获取所选选项的值。
例子:
选择“选项2”,其值为“2”。 “2”是我需要获得的值,而不是“选项 2”。
04/2020:更正旧答案
Use :已选择选定选项上的伪选择器,然后使用.val函数来获取选项的值。
$('select[name=selector] option').filter(':selected').val()
边注:使用过滤器比使用过滤器更好:selected
选择器直接在第一个查询中。
如果在更改处理程序中,您可以简单地使用this.value
获取所选选项的值。请参阅演示了解更多选项。
//ways to retrieve selected option and text outside handler
console.log('Selected option value ' + $('select option').filter(':selected').val());
console.log('Selected option value ' + $('select option').filter(':selected').text());
$('select').on('change', function () {
//ways to retrieve selected option and text outside handler
console.log('Changed option value ' + this.value);
console.log('Changed option text ' + $(this).find('option').filter(':selected').text());
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<select>
<option value="1" selected>1 - Text</option>
<option value="2">2 - Text</option>
<option value="3">3 - Text</option>
<option value="4">4 - Text</option>
</select>
旧答案:
Edit:正如许多人指出的那样,这不会返回选定的选项值。
~~Use .val获取所选选项的值。见下文,
$('select[name=selector]').val()~~
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)