Używam opcji select2 do włączenia moich pól wyszukiwania. Dostaję wyniki z mojego adresu URL, ale nie jestem w stanie wybrać z niego opcji. Chcę użyć "product.productName" jako tekstu, który zostanie wyświetlony po wyborze. Czy jest coś, czego mi brakowało lub jakikolwiek błąd popełniłem. Mam włączone select2.css i select2.min.js, jquery.jsNie można wybrać wyniku z wyników wyszukiwania select2
function dataFormatResult(product) {
var markup = "<table class='product-result'><tr>";
markup += "<td class='product-info'><div class='product-title'>" + product.productName + "</div>";
if (product.manufacturer !== undefined) {
markup += "<div class='product-synopsis'>" + product.manufacturer + "</div>";
}
else if (product.productOptions !== undefined) {
markup += "<div class='product-synopsis'>" + product.productOptions + "</div>";
}
markup += "</td></tr></table>";
return markup;
}
function dataFormatSelection(product) {
return product.productName;
}
$(document).ready(function() {
$("#e7").select2({
placeholder: "Search for a product",
minimumInputLength: 2,
ajax: {
url: myURL,
dataType: 'json',
data: function(term,page) {
return {
productname: term
};
},
results: function(data,page) {
return {results: data.result_object};
}
},
formatResult: dataFormatResult,
formatSelection: dataFormatSelection,
dropdownCssClass: "bigdrop",
escapeMarkup: function(m) {
return m;
}
});
});
To mój resut_object
"result_object":[{"productName":"samsung galaxy s3","manufacturer":"Samsung","productOptions":"Color;Memory","productOptiondesc":"Silver;32GB"},{"productName":"samsung salaxy s3","manufacturer":"Samsung","productOptions":"Color;Memory","productOptiondesc":"Graphite;32GB"},{"productName":"samsung galaxy s3","manufacturer":"Samsung","productOptions":"Color;Memory","productOptiondesc":"Silver;16GB"}]
uratował mi czas !! ... Mają straszny dokumentacji .. Ich przykład AJAX! powinienem wspomnieć o tym ... –
Telvin, link jest zepsuty .. I dodawanie identyfikatora Btw nie robi dla mnie różnicy. –
@AlexanderSuraphel Ta odpowiedź wydarzyła się cztery lata temu i miała rozwiązać problem OP, na wypadek, gdyby link się zepsuł, więc wstawiłem przykładowy kod, żeby go wskazać, więc referencja nie ma znaczenia. Wtyczka również otrzymuje aktualizację i wiele rzeczy zostało zmienionych. Teraz nie mam pojęcia, jaki masz problem. Przepraszam. –