jquery如何使用前缀词搜索选择器文本?

时间:2013-11-20 05:46:12

标签: jquery search text selector

您好〜我有一个输入框和一个这样的选择器:

<select id="test">
    <option value="1">apple</option>
    <option value="2">box</option>
    <option value="3">table</option>
    <option value="4">swim</option>
</select>

我想在我只输入s时自动选择游泳

我尝试使用此

$('#search').keyup(function(){
    var cc = $('#search').val();
    $('#test option[text^=' + cc + ']:first').attr('selected', true);
});

但它不起作用.....任何人都可以帮助我吗?非常感谢!!!!

3 个答案:

答案 0 :(得分:0)

使用 :contains()

$('#search').keyup(function(){
    var cc = $('#search').val();
    $('#test option:contains("'+cc+'"):first').attr('selected', true);
});

<强> LIVE DEMO

答案 1 :(得分:0)

可以使用以下..

   $('#search').keyup(function () {
       $('#test option:contains("' + this.value + '"):first').attr('selected', true);
   });

答案 2 :(得分:0)

尝试

$('#search').keyup(function () {
    $('#test option:contains("' + this.value + '"):first').prop('selected', true);
});

演示:Fiddle