カスタムアイテムリストを作成しました。これは通常の html リスト要素ではなく、Jquery onclick イベントを使用するカスタム div ベースのアイテム リストです。これは私のJqueryコードです:
$(document).ready(function(){
$(document).find("div[id^='cat']").live('click', function()
{
var currentId = $(this).attr('id');
$.getJSON('get_categories.php', {catName:$("#"+currentId).text()}, function(data)
{
$.each(data.CatList, function(i,itemList)
{
var tblRow =
"<div class='shop_options' id='cat" + itemList.id + "' onclick=''" +">"
+itemList.sub_cat+"</div>";
$(tblRow).appendTo("#subCatList");
});
});
});
});
onclick を使用して、メイン カテゴリ アイテムに従ってサブ カテゴリを追加できます。しかし、問題は、サブカテゴリデータを入力するために他のカテゴリをクリックするたびに1つのカテゴリをクリックした後、他のカテゴリデータと以前に選択したメインカテゴリアイテムリストを修正するだけです.
たとえば、Fruitsを選択すると、データMango、Banana、Orangeが表示され、 Flowersなどの他のカテゴリを選択すると、 Fruits サブカテゴリ リストの下にRose、Lotus、Marigoldという花のサブカテゴリ リストが表示されます。
以前に選択したカテゴリ項目をクリアしたい。その方法については、専門家のアドバイスをお願いします。よろしくお願いします。