Sono un po 'perso. sto ottenendo questo JSON:GroupBy in JavaScript per raggruppare i dati JSON e popolare su optgroup
[{
"id": "210",
"name": "Name 1",
"category": "Category 1"
}, {
"id": "187",
"name": "Name 2",
"category": "Category 1"
}, {
"id": "186",
"name": "Name 3",
"category": "Category 1"
}, {
"id": "185",
"name": "Name 4",
"category": "Category 1"
}, {
"id": "184",
"name": "Name 5",
"category": "Category 1"
}, {
"id": "183",
"name": "Name 6",
"category": "Category 1"
}, {
"id": "182",
"name": "Name 7",
"category": "Category 1"
}, {
"id": "181",
"name": "Name 8",
"category": "Category 2"
}, {
"id": "180",
"name": "Name 9",
"category": "Category 3"
}, {
"id": "178",
"name": "Name 10",
"category": "Category 2"
}]
E vorrei mettere tutto questo in una selezione con le opzioni e optgroups. In realtà l'optgroup dovrebbe essere di categoria
vorrei qualcosa di simile:
<select name="products" class="product" id="product">
<optgroup label="Category 1">
<option value="210">Name 1</option>
<option value="187">Name 2</option>
<option value="186">Name 3</option>
<option value="185">Name 4</option>
...
</optgroup>
<optgroup label="Category 2">
<option value="181">Name 8</option>
<option value="178">Name 10</option>
</optgroup>
<optgroup label="Category 3">
<option value="180">Name 9</option>
</optgroup>
Oggi ho fatto solo questo perché sto lottando troppo:
$(document).ready(function() {
$.getJSON("5.php", {
val: $(this).val()
}, function (data) {
$.each(data, function (i, item) {
$("<option/>").attr("value", item.id).append(item.name).appendTo("optgroup");
});
});
});
Come non puoi vedere optgroup :) C'è un modo per farlo? Posso anche modificare il mio JSON se può renderlo più facile.
Grazie per qualsiasi aiuto.
epico nome utente è tutto quello che ho da dire. – donutdan4114
@ donutdan4114 Grazie. Era o quello o "GUARDAMI, GUARDAMI!". –
Grazie mille !! Ho modificato il mio JSON e fatto come hai detto tu! Funziona perfettamente! – user1108276