如何重新排序下拉列表（jquery）

Question

我有一个下拉框和一个文本框（年份）。当用户在文本框中输入内容时，以（文本框）开头的下拉框项目位于顶部。例如，如果用户写入（在文本框上）1999，则以1999开头的所有列表项（按字母顺序）应为在上面。 用jquery可以吗？

谢谢

Answer 1

将一个处理程序附加到用于获取其值的文本框的change事件，找到以该开头的所有选项，并将它们移除并添加到选择列表的开头，如下所示：

$('#myTextBox').on('change', function(){

    var $select = ;
    var textBoxValue = $(this).val();

    $('#mySelect option').filter(function(){
        return this.innerHTML.indexOf(textBoxValue) == 0;
    })
        .remove()
        .prependTo($('#mySelect'));
}

Answer 2

是的，这是可能的..创建Plnker作为参考..