如何对下拉列表进行重新排序(jquery)

XristosK

我有一个下拉框和一个文本框(年份)。当用户在文本框上输入内容时,以(textbox)开头的下拉框项将位于顶部。例如,如果用户在文本框上输入1999,则所有以1999开头的列表项(按字母顺序)应为在上面。jquery有可能吗?

谢谢

浮士德

将处理程序附加到用于获取其值的文本框的change事件,查找以该值开头的所有选项,然后将其删除并将其放在选择列表的开头,如下所示:

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

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

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

重新排序列表元素-jQuery?

如何使用jQuery按字母顺序对列表进行排序?

如何重新排序列表?

如何根据用户从下拉菜单中选择的参数对Java对象列表进行排序?

如何隐藏按钮,直到在jquery的下拉列表中进行选择?

jQuery根据类对列表项进行重新排序

如何防止Angular在编辑时对列表进行重新排序?

Excel使用列表对列进行重新排序

在列表列表中对列表元素进行重新排序

如何根据另一个活动的可排序列表对列表进行重新排序?

如何使用选择框和敲除对可观察数组进行排序并重新绑定到列表

在C#中对下拉列表进行排序

通过提取类别名称使用jQuery对列表项进行重新排序

如何使用jQuery对定义列表(DL)进行排序

如何使用jQuery重新排序列表

如何在jQuery选择的下拉列表中按字母顺序重新排列<options>

如何根据内容在Python中对列表进行重新排序

如何在MVC 5中对下拉列表重新排序?

如何对char []列表进行排序?

Python在排序后对列表列表进行重新排序

在C#中交替对列表进行排序或重新排序

如何对列表进行排序,同时重新排序第二个列表?

如何对版本列表进行排序?

如何按模型列表中出现的顺序对系数名称的字符向量进行重新排序

如何对类列表进行排序

如何仅使用 Jquery 对 div 列表进行排序?

在 Django 中重新排序 Modelform 上的下拉列表

如何对浮动列表进行排序

如何对多维列表进行排序?