我有点迷路。 我得到这个JSON:Group通过JavaScript来分组JSON数据并在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"
}]
而且我喜欢把所有这一切都在选择的选项和optgroups。其实OPTGROUP应类别
我想是这样的:
<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>
今天,因为我挣扎了太多我仅仅在此:
$(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");
});
});
});
由于你可以看到没有optgroup :) 有没有办法做到这一点? 我也可以修改我的JSON,如果它可以更容易。
感谢您的任何帮助。
史诗的用户名是我不得不说。 – donutdan4114 2011-12-20 16:47:20
@ donutdan4114谢谢。这是要么“看着我!看着我!”。 – 2011-12-20 16:48:59
非常感谢!我修改了我的JSON并像你说的那样完成了!它完美的工作! – user1108276 2011-12-21 10:34:00