javascript - 使用 jQuery 过滤选择框

Question

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

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>

我需要你的帮助!

Answer 1

$('#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希望对您有所帮助。