Php jQuery和Ajax组合框-不同的选择标记名称

我正在练习

这是一个工作演示

在这里，我可以重复代码：

jQuery代码： HTML: get_child_categories.php 它是使用jQuery、ajax和php从mySql数据库中获取项目的N级动态加载下拉组合框。一切正常，但我的HTML中有以下内容：

<select name="search_category" class="parent">...</select>  
<select name="sub_category" class="parent">...</select>  
<select name="sub_category" class="parent">...</select>  
<select name="sub_category" class="parent">...</select>  

---

我想为每个select标记选择项目，但由于它们具有相同的名称属性值，我想我不能这样做。请告诉我如何将名称更改为sub_category1，sub_category2。。。或者其他的工作方式。

这是我找到的解决方案：

我在显示其内容的最后一个组合之后添加了此脚本：

$("#show_sub_categories select").attr("id", function(i) {
    return "combo_" + i;
});

将它放在get_child_categories.php的最后一个else中

---

干杯

请帮我分配不同的ID，如1，2，3。。。选择此标签！

<?php

include('dbcon.php');

if($_REQUEST){
$id = $_REQUEST['parent_id'];

$query = "select * from ajax_categories where pid = ".$id;
$results = @mysql_query( $query);
$num_rows = @mysql_num_rows($results);
if($num_rows > 0)
{?>
    <select name="sub_category" class="parent">
    <option value="" selected="selected">-- Sub Category --</option>
    <?php
    while ($rows = mysql_fetch_assoc(@$results))
    {?>
        <option value="<?php echo $rows['id'];?>"><?php echo $rows['category'];?></option>
    <?php
    }?>
    </select>   
<?php   
}
else{echo '<label style="padding:7px;float:left; font-size:12px;">No Record Found !</label>';}
}
?>

<select name="search_category" class="parent">...</select>  
<select name="sub_category" class="parent">...</select>  
<select name="sub_category" class="parent">...</select>  
<select name="sub_category" class="parent">...</select>  

$("#show_sub_categories select").attr("id", function(i) {
    return "combo_" + i;
});