javascript - 用jQuery过滤选择框

我试图使文本输入可以过滤选择框。
我正在尝试修复很多时间，但仍然无法正常工作。
也许是因为它是希伯来语？

HTML:

<option value="628077"> new york</option>
<option value="244228">רמת גן<option>
<option value="641332"> דימונה</option>
<option value="240812"> הזורעים</option>
.
.
.
<option value="640375"> עתניאל</option>
<option value="344580">  חיפה</option>
<option value="440560">  בית רבן</option>
<option value="520098"> הרצליה</option>
</select>

jQuery的:

<script type="text/javascript" >
        $('#city').keyup(function () {

            var valthis = $(this).val();
            var num = 0;
            $('select#DropDownList1>option').each(function () {
                var text = $(this).text();
                if(text.indexOf(valthis) != -1)
               { $(this).show();}
               else{ $(this).hide();}

            });

        });
</script>

我需要你的帮助!

最佳答案

$('#city').keyup(function () {
    var valthis = $(this).val().toLowerCase();

    $('select#DropDownList1>option').each(function () {
        var text = $(this).text().toLowerCase();
        if (text.indexOf(valthis) !== -1) {
            $(this).show(); $(this).prop('selected',true);
        }
        else {
            $(this).hide();
        }
    });
});

DEMO希望对您有所帮助。