jQuery通过其文本从选择框中获取值[重复]答案

【问题标题】：jQuery get the value from selectbox by its text [duplicate]jQuery通过其文本从选择框中获取值[重复]
【发布时间】：2013-07-04 08:30:43
【问题描述】：

我有一个这样的选择框：

        <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 年的值”。我该怎么做？

【问题讨论】：

可能重复Get selected text from dropdownlist using jQuery
$( "#year option:selected" ).text(); // => “4 年”

标签： javascript jquery html css select

【解决方案1】：

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

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

【讨论】：

感谢它的魅力

【解决方案2】：

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

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

如果你想要一个特定选项的文本：

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

问候。

【讨论】：

【解决方案3】：

使用filter 方法（完全匹配）：

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

使用:contains 选择器：

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

【讨论】：