(Решено)[jQuery] плагин select2 визуальный поиск и выбор в селекторе на css3/html5

rtyug
На сайте с 13.05.2009
Offline
263
5448

http://ivaynberg.github.io/select2/

есть плагин select2, которые позволяет осуществлять поиск введенных данных в строке в данных которые в html или поиск в базе через ajax

данный плагин не позволял, по стандартным методам, сохранить введенную строку которая отсутствовала бы в базе, при выполнении встроенного механизма ajax

пришлось отлаживать метод createSearchChoice!

например, если нужно вести улицу которая отсутствует в базе, то данный плагин не позволял это сделать при использовании ajax

пример работы данного фикса

http://jsfiddle.net/dWTvu/

(нужно ввести слово "all")

код сюда продублирую:

$(document).ready(function() {
$('#test').select2({

createSearchChoice:function(term, data) { if ($(data).filter(function() { return this.term.localeCompare(term)===0; }).length===0) {return {id:term, term:term};} },


minimumInputLength: 1,
placeholder: 'Search',
ajax: {
url: "http://www.weighttraining.com/sm/search",
dataType: 'jsonp',
quietMillis: 10,
data: function(term, page) {
return {
types: ["exercise"],
limit: -1,
term: term
};
},
results: function(data, page ) {
return { results: data.results.exercise }
}
},
formatResult: function(exercise) {
return "<div class='select2-user-result'>" + exercise.term + "</div>";
},
formatSelection: function(exercise) {
return exercise.term;
},
initSelection : function (element, callback) {
var elementText = $(element).attr('data-init-text');
callback({"term":"1"});
}
});
});

<input type='hidden' value="192" data-init-text='Bla bla' name='input' id='test' style="width:300px;"/>
Спалил тему: Pokerstars вывод WMZ, etc на VISA 0% или SWIFT + Конверт USD/GBP,etc (net profit $0,5 млрд) (https://minfin.com.ua/blogs/94589307/115366/) Monobank - 50₴ на счет при рег. тут (https://clck.ru/DLX4r) | Номер SIP АТС Москва 7(495) - 0Ꝑ, 8(800) - 800Ꝑ/0Ꝑ (http://goo.gl/XOrCSn)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий