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

时间:2013-07-06 11:15:37

标签: javascript jquery html css select

我有一个这样的选择框:

        <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中获得特定文本的价值,比如&#34; 4年的价值&#34;。我怎么能这样做?

3 个答案:

答案 0 :(得分:5)

使用filter方法(完全匹配):

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

使用:contains选择器:

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

答案 1 :(得分:5)

尝试在所选选项上使用.text()。 e.g:

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

答案 2 :(得分:4)

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

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

如果您想通过其文本提供特定选项:

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

问候。