jquery -выбранный выпадающий должен получить соответствующие результаты поиска в верхней - PullRequest
Новая
       17

jquery -выбранный выпадающий должен получить соответствующие результаты поиска в верхней

5 голосов
/ 23 января 2020

У меня есть jquery выбранное выпадающее меню, которое отлично подходит для моих нужд. Единственное требование, которое у меня есть, - можем ли мы получить совпадающие результаты поиска (параметры, начинающиеся с ключа поиска) вверху.

Если у меня есть 3 варианта Foo, Boo, ooo, тогда ищите oo. Получение результатов в алфавитном порядке, например Boo, Foo, ooo. Но можем ли мы получить такой результат, как ooo, Boo, Foo. 

$('.chosen-select').chosen({
    width: "100%",
    search_contains: true
});

Я не уверен, имеет ли плагин какую-либо поддержку для этого. Пожалуйста, предложите.

1 Ответ

0 голосов
/ 23 января 2020

Вы можете написать свой собственный лог c, как показано ниже. Я добавил скрипку для того же в комментариях. 

<div id = "results"></div>


$( document ).ready(function() {
    var chosenValues = ["Foo", "Boo", "Ooo"];
    var sortedData = checkStartsWith(chosenValues, 'oo');    
        $("#results").text(sortedData)
});
function checkStartsWith(chosenValues, searchTerm) {
    var matchedData = [];
    var unMatchedData = [];
    for (var i = 0; i < chosenValues.length; i++) {
        // This condition will check if searchTerm is at the beginning of data
        if (chosenValues[i].toLowerCase().indexOf(searchTerm.toLowerCase()) == 0) {
            matchedData.push(chosenValues[i]);
        }
        else {
            unMatchedData.push(chosenValues[i]);
        }       
    }
     matchedData.sort();
     unMatchedData.sort();
     return (matchedData.concat(unMatchedData));
}
...