修改一个三级联动的asp调用数据库菜单

Question

现在有一个三级联动的asp调用数据库的菜单，如下：<form action="" method="post" name="postart" onSubmit="return checkadd()">
  <table width="98%" height="28" border="0" align="center" cellpadding="1" cellspacing="1" bgcolor="#D6DFF7">
    <tr>
      <td width="27%" height="26" align="right" bgcolor="#FFFFFF">选择城市：</td>
      <td height="26" bgcolor="#FFFFFF"><%
set rs=conn.execute("select * from china_city where id>0 and twoid>0 and threeid=0")
%>
          <script language = "JavaScript">
var onecount;
onecount=0;
subcat = new Array();
        <%
dim count:count = 0
        do while not rs.eof 
        %>
subcat[<%=count%>] = new Array("<%=rs("city")%>","<%=rs("id")%>","<%=rs("twoid")%>");
        <%
        count = count + 1
        rs.movenext
        loop
        rs.close
set rs=nothing
        %>
onecount=<%=count%>;
  </script>
          <%
set rs=conn.execute("select * from china_city where id>0 and twoid>0 and threeid>0")
%>
          <script language = "JavaScript">
var onecount4;
onecount4=0;
subcat4 = new Array();
        <%
dim count4:count4 = 0
        do while not rs.eof 
        %>
subcat4[<%=count4%>] = new Array("<%=rs("city")%>","<%=rs("id")%>","<%=rs("twoid")%>","<%=rs("threeid")%>");
        <%
        count4 = count4 + 1
        rs.movenext
        loop
        rs.close
set rs = nothing
        %>
onecount4=<%=count4%>;function changelocation(locationid)
    {
    document.postart.city_two.length = 0; 
document.postart.city_two.options[0] = new Option('选择城市','');
document.postart.city_three.length = 0; 
document.postart.city_three.options[0] = new Option('选择城市','');
    var locationid=locationid;
    var i;
    for (i=0;i < onecount; i++)
        {
            if (subcat[i][1] == locationid)
            { 
                document.postart.city_two.options[document.postart.city_two.length] = new Option(subcat[i][0], subcat[i][2]);
            }        
        }
        
    }    

function changelocation4(locationid,locationid1)
    {
    document.postart.city_three.length = 0; 
    document.postart.city_three.options[0] = new Option('选择城市','');
    var locationid=locationid;
 var locationid1=locationid1;
    var i;
    for (i=0;i < onecount4; i++)
        {
            if (subcat4[i][2] == locationid)
            { 
if (subcat4[i][1] == locationid1)
{
                document.postart.city_three.options[document.postart.city_three.length] = new Option(subcat4[i][0], subcat4[i][3]);
            }        
        }
       } 
    }            
              </script>
          <select name="city_one" size="1" id="select2" onChange="changelocation(document.postart.city_one.options[document.postart.city_one.selectedIndex].value)">
            <option value="" selected>选择城市</option>
            <%set rs=conn.execute("select * from china_city where id>0 and twoid=0")
if rs.eof or rs.bof then
response.write "<option value=''>没有分类</option>"
else
do until rs.eof
response.write "<option value='"&rs("id")&"'>"&rs("city")&"</option>"
    rs.movenext
    loop
end if
rs.close
set rs = nothing
%>
          </select>
          <select name="city_two" id="city_two" onChange="changelocation4(document.postart.city_two.options[document.postart.city_two.selectedIndex].value,document.postart.city_one.options[document.postart.city_one.selectedIndex].value)">
            <option value="" selected>选择城市</option>
          </select>
          <select name="city_three" id="city_three">
            <option value="" selected>选择城市</option>
          </select>
          <font color="#FF0000">*</font> </td>
    </tr>
  </table>
</form>因为我要将它包含到另外一个form里，所以就不能用现在这种form的方式了，请大家帮忙，看还有其它的方式可以实现吗？