نمایش دسته ها و زیر دسته ها در دو select

[hoseni_68]

سلام
من از وردپرس استفاده می کنم می خوام دسته های مادر داخل سلکت اول بیاد و وقتی روی هرکدوم کلیک کردم زیر دسته های مربوط به اون بیاد داخل سلکت دوم
این کد دسته هارو نشون میده

<select id="menu1" onchange="Func()">
<option>
<?php $categories = get_categories("hide_empty=0");
foreach ($categories as $cat)
{
if($cat->parent < 1)
{
$categorycount = $categories->count;
echo ("<option class='gozine' data-menu='".setgozineSearch($cat->cat_ID)."'>$cat->cat_name($cat->count)</option>");
}
}
?>
</option>
</select>
این کد
زیر دسته هارو میاره

<?
function setgozineSearch($id){
$categories = get_categories("child_of=$id&hide_empty=0");
foreach ($categories as $category) {
$content .= '<a onclick="getid('.$category->cat_ID.')">'.$category->cat_name."</a>,";
}
return $content;
wp_reset_query();
}
?>
این کد هم بعد از اینکه دسته هارو کلیک می کنه ، زیر دسته هارو میریزه داخل سلکت دوم

<script>
function Func() {
var zirdaste = document.getElementById('zirdaste');
var menu1=document.getElementById('menu1');
var val=menu1.options[menu1.selectedIndex].getAttribute('data-menu');
var arr=val.split(',');
zirdaste.options.length = 0;
for(i = 0; i < arr.length; i++)
{
if(arr[i] != "")
{
zirdaste.options[zirdaste.options.length]=new Option(arr[i],arr[i]);
}
}
}
</script>
اینم سلکت دوم که نشون میده

<select id="zirdaste"></select>
از اونجایی که من میخوام زیر دسته هام خاصیت onclick داشته باشند، بجای اینکه مثلا:
وقتی روی برقی و شارژی در دسته مادر کلیک کرد ، داخل زیر دسته کلمه اره رو بیاره و خاصیت onclick داشته باشه اینجوری <a onclick="getid(60)">اره</a> نشون میده و خاصیت onclick رو به خودش نمی گیره
می تونید از لینک زیر این موضوع رو ببینید ، دوتا سلکتور هست روی سلکتور سمت راست که دسته هست کلیک کنید و داخل سلکتور دوم که زیر دسته هست رو ببینید.
ممنون میشم راهنمایی بفرمایید
لینک > خرید و فروش ابزار الات دست دوم (http://stock.sanattools.com/)