0

livesearch以下のコードは、Htmlので完全に機能しselectます。しかし、複数の選択リストがあり、いくつかのアイテムを選択できるようにしたい場合は、キーワードを検索しますが、以前に選択したアイテムを失うことはありません。

何か案は?

<script type="text/javascript">
    $(function() {
        var opts = $('#optlist option').map(function(){
            return [[this.value, $(this).text()]];
        });

        $('#someinput').keyup(function(){
            var rxp = new RegExp($('#someinput').val(), 'i');
            var optlist = $('#optlist').empty();
            opts.each(function(){
                if (rxp.test(this[1])) {
                    optlist.append($('<option/>').attr('value', this[0]).text(this[1]));
                }
            });
        });
    });
</script>

<input id="someinput"><br>

<select id="optlist" multiple="multiple">
    <option value="1">foo</option>
    <option value="2">bar</option>
    <option value="3">foobar</option>
    <option value="4">foobarbaz</option>
</select> 
4

1 に答える 1

1

私はここでかなり良い代替案を見つけました

于 2012-07-24T14:58:11.873 に答える