javascript - jQuery通过其文本从选择框中获取值

Question

我有一个这样的选择框：

        <select id="year">
        <option value="1">1 Year</option>
        <option value="2">2 Years</option>
        <option value="3">3 Years</option>
        <option value="4">4 Years</option>
        <option value="5">5 Years</option>
        <option value="6">6 Years</option>
        <option value="7">7 Years</option>
        <option value="8">8 Years</option>
        <option value="9">9 Years</option>
        <option value="10">10 Years</option>
        </select>

我想在 jQuery 中获取特定文本的值，例如“4 年的值”。我怎样才能做到这一点？

Answer 1

使用filter方法（精确匹配）：

$('select option').filter(function(){
    return $(this).text() === '4 Years';
}).val();

使用:contains选择器：

$('select option:contains(4 Years)').val();

Answer 2

尝试在所选选项上使用 .text() 。例如：

$('select option:selected').text();

Answer 3

如果您想要所选选项的值：

$('#year').val();

如果您想通过文本获得特定选项：

$("#year option:contains('4 Years')").val();

问候。