FreeMarker 页面动态加载多个select下拉

FreeMarker 页面动态加载多个select下拉,并根据select id,取得对应的信息

<tbody id="productCategory">
<tr>
<th width="5%">
<img src="../img/add.png" onClick="addProdPricTr();"/>
</th>
<th colspan="2">商品分类</th>
</tr>
<#assign count=0>
<#list categroyMaps?if_exists as category>
<tr id="trProPric${category_index+1}">
<td>
<img src="../img/delete.png" onClick="removeTd('${category_index+1}')"/>
<td>
<font color="red">* </font>
<SELECT id="categoryIds${category_index+1}" name="categoryIds" style="width: 150px" onchange="ChangeCategory('${category_index+1}')">
              <option value="">--选择分类--</option>
                 <#list allCategroys as cate>
              <option value="${cate.id}" <#if cate.id == category.categoryId>selected</#if>>
              <#if cate.categoryLevel==1>
              <#else>
              <#list 1..cate.categoryLevel as a>-</#list>
              </#if>
${(cate.categoryName)!}
  </option>
  <#assign count= category_index + 1>
               </#list>
              </select>
</td>
<td>
<font color="red">* </font>品类：<input type="text" id="categoryNames${category_index+1}" name="categoryNames" value="${(category.categoryName)!}" readonly="readonly" >
标签名： <input type="text" id="tagNames${category_index+1}" name="tagNames" value="${(category.prodTagName)!}" readonly="readonly" >

<script type="text/javascript" src="${base}/js/jquery-1.4.2.min.js"></script>
<script>
              var id = "${count}";
              var idd = "${category.categoryId}";
$.ajax({
type: "post",
url: "/product/getProdTagByCategoryId.action",
data: "category.id="+idd,
success: function(msg){
$("#tagNames"+id).val(msg);
}
});
              </script>
</td>
</tr>
</#list>
</tbody>
</table>