Я пытался найти в документации простой рабочий пример Select2 v4.0.5 с AJAX, так как Javascript и jQuery не для меня. Но каждый раз я обнаруживал, что серверная часть отсутствует.
Существует так много разных способов получения результатов: ProcessResults.
Мне не удалось поместить свой код в jsfiddle.net. Вот мой .zip-файл:
https://framadrop.org/r/JgSTSr1V3h#s0CB ... aTtCQuR+8=
Файл Ajax PHP приведен здесь только в качестве примера, он возвращает идентификатор с текстом в array.
Если вы удалите select2, вы увидите основные параметры выбора, которые я хотел бы отобразить сначала.
Пример при поиске ключевых слов:
optique возвращает:
string(38) "[{"id":3,"text":"Sciences physiques"}]"
chimie возвращает:
string(156) "[{"id":4,"text":"Sciences chimiques"},{"id":5,"text":"Sciences de la Terre et sciences connexes de l'environnement"},{"id":6,"text":"Sciences biologiques"}]"
Мне нужна помощь, чтобы отобразить JSON обратно в диалоговое окно выбора.
Спасибо.
поиск по скриншотам
Я только что встроил сюда HTML-код (JS, CSS находятся в zip-файле выше)
Test Discipline
Discipline * (*)
Sciences exactes et naturelles1.1 - Mathématiques1.2 - Informatique et science de l'information1.3 - Sciences physiques1.4 - Sciences chimiques1.5 - Sciences de la Terre et sciences connexes de l'environnement1.6 - Sciences biologiques1.7 - Autres sciences naturellesSciences de l'ingénieur et technologiques2.1 - Génie civil2.2 - Génie électrique, électronique, ingénieurie informationnelle2.3 - Génie mécanique2.4 - Génie chimique2.5 - Génie des matériaux2.6 - Ingénierie médicale2.7 - Génie de l'environnement2.8 - Biotechnologie environnementale2.9 - Biotechnologie industrielle2.10 - Nanotechnologies2.11 - Autres domaines techniques et technologiquesSciences médicales3.1 - Médecine fondamentale3.2 - Médecine clinique3.3 - Sciences sanitaires3.4 - Biotechnologie médicale3.5 - Autres sciences médicalesSciences agricoles4.1 - Agriculture, sylviculture et pêche4.2 - Zootechnie et science laitière4.3 - Sciences vétérinaires4.4 - Biotechnologie agricole4.5 - Autres sciences agricolesSciences sociales5.1 - Psychologie5.2 - Économie et administration des entreprises5.3 - Sciences de l'éducation5.4 - Sociologie5.5 - Droit5.6 - Sciences politiques5.7 - Géographie sociale et économique5.8 - Médias et communication5.9 - Autres sciences socialesSciences humaines6.1 - Histoire et archéologie6.2 - Langues et littérature6.3 - Philosophie, morale et religion6.4 - Arts (arts, histoire de l'art, arts de la scène, musique)6.5 - Autres sciences humaines
$(document).ready(function () {
$(".js-discipline-data-ajax").select2({
width: "100%",
ajax: {
url: '/ajx/ajx_frascati_domaine.php',
dataType: "json",
type: "GET",
data: function (params) {
console.log(params);
return {
q: params.term, // search term
};
},
processResults: function (data) {
var arr = []
$.each(data, function (index, value) {
arr.push({
id: index,
text: value
})
})
return {
results: arr
};
},
cache: true
},
escapeMarkup: function (markup) { return markup; }
});
});
Подробнее здесь: https://stackoverflow.com/questions/527 ... lect2-ajax
Практический пример Select2 AJAX ⇐ Jquery
Программирование на jquery
1760941720
Anonymous
Я пытался найти в документации простой рабочий пример [b]Select2 v4.0.5[/b] с AJAX, так как Javascript и jQuery не для меня. Но каждый раз я обнаруживал, что серверная часть отсутствует.
Существует так много разных способов получения результатов: ProcessResults.
Мне не удалось поместить свой код в jsfiddle.net. Вот мой .zip-файл:
https://framadrop.org/r/JgSTSr1V3h#s0CBgl4eZO80m6LoU8+91nsOi5RlK7kybvaTtCQuR+8=
Файл Ajax PHP приведен здесь только в качестве примера, он возвращает идентификатор с текстом в array.
Если вы удалите select2, вы увидите основные параметры выбора, которые я хотел бы отобразить сначала.
Пример при поиске ключевых слов:
[b]optique[/b] возвращает:
string(38) "[{"id":3,"text":"Sciences physiques"}]"
[b]chimie[/b] возвращает:
string(156) "[{"id":4,"text":"Sciences chimiques"},{"id":5,"text":"Sciences de la Terre et sciences connexes de l'environnement"},{"id":6,"text":"Sciences biologiques"}]"
[b]Мне нужна помощь, чтобы отобразить JSON обратно в диалоговое окно выбора.[/b]
Спасибо.
поиск по скриншотам
Я только что встроил сюда HTML-код (JS, CSS находятся в zip-файле выше)
Test Discipline
[b]Discipline *[/b] ([url=https://www.fnak.fr/inscription/help.php?help=frascati]*[/url])
Sciences exactes et naturelles1.1 - Mathématiques1.2 - Informatique et science de l'information1.3 - Sciences physiques1.4 - Sciences chimiques1.5 - Sciences de la Terre et sciences connexes de l'environnement1.6 - Sciences biologiques1.7 - Autres sciences naturellesSciences de l'ingénieur et technologiques2.1 - Génie civil2.2 - Génie électrique, électronique, ingénieurie informationnelle2.3 - Génie mécanique2.4 - Génie chimique2.5 - Génie des matériaux2.6 - Ingénierie médicale2.7 - Génie de l'environnement2.8 - Biotechnologie environnementale2.9 - Biotechnologie industrielle2.10 - Nanotechnologies2.11 - Autres domaines techniques et technologiquesSciences médicales3.1 - Médecine fondamentale3.2 - Médecine clinique3.3 - Sciences sanitaires3.4 - Biotechnologie médicale3.5 - Autres sciences médicalesSciences agricoles4.1 - Agriculture, sylviculture et pêche4.2 - Zootechnie et science laitière4.3 - Sciences vétérinaires4.4 - Biotechnologie agricole4.5 - Autres sciences agricolesSciences sociales5.1 - Psychologie5.2 - Économie et administration des entreprises5.3 - Sciences de l'éducation5.4 - Sociologie5.5 - Droit5.6 - Sciences politiques5.7 - Géographie sociale et économique5.8 - Médias et communication5.9 - Autres sciences socialesSciences humaines6.1 - Histoire et archéologie6.2 - Langues et littérature6.3 - Philosophie, morale et religion6.4 - Arts (arts, histoire de l'art, arts de la scène, musique)6.5 - Autres sciences humaines
$(document).ready(function () {
$(".js-discipline-data-ajax").select2({
width: "100%",
ajax: {
url: '/ajx/ajx_frascati_domaine.php',
dataType: "json",
type: "GET",
data: function (params) {
console.log(params);
return {
q: params.term, // search term
};
},
processResults: function (data) {
var arr = []
$.each(data, function (index, value) {
arr.push({
id: index,
text: value
})
})
return {
results: arr
};
},
cache: true
},
escapeMarkup: function (markup) { return markup; }
});
});
Подробнее здесь: [url]https://stackoverflow.com/questions/52701004/practical-example-of-select2-ajax[/url]
Ответить
1 сообщение
• Страница 1 из 1
Перейти
- Кемерово-IT
- ↳ Javascript
- ↳ C#
- ↳ JAVA
- ↳ Elasticsearch aggregation
- ↳ Python
- ↳ Php
- ↳ Android
- ↳ Html
- ↳ Jquery
- ↳ C++
- ↳ IOS
- ↳ CSS
- ↳ Excel
- ↳ Linux
- ↳ Apache
- ↳ MySql
- Детский мир
- Для души
- ↳ Музыкальные инструменты даром
- ↳ Печатная продукция даром
- Внешняя красота и здоровье
- ↳ Одежда и обувь для взрослых даром
- ↳ Товары для здоровья
- ↳ Физкультура и спорт
- Техника - даром!
- ↳ Автомобилистам
- ↳ Компьютерная техника
- ↳ Плиты: газовые и электрические
- ↳ Холодильники
- ↳ Стиральные машины
- ↳ Телевизоры
- ↳ Телефоны, смартфоны, плашеты
- ↳ Швейные машинки
- ↳ Прочая электроника и техника
- ↳ Фототехника
- Ремонт и интерьер
- ↳ Стройматериалы, инструмент
- ↳ Мебель и предметы интерьера даром
- ↳ Cантехника
- Другие темы
- ↳ Разное даром
- ↳ Давай меняться!
- ↳ Отдам\возьму за копеечку
- ↳ Работа и подработка в Кемерове
- ↳ Давай с тобой поговорим...
Мобильная версия