最最复杂的一个JS效果，怎么实现

我的数据库 大类表bigclass：   ID , bigclassname
           小类表Smallclass:  ID , bigclassid ,  smallclassname ,  a1, a1ok ,a2 ,a2ok测试值：大类表bigclass: ID  bigclassname                        1    计算机
                        2    数学        小类表Smallclass: ID   bigclassid   smallclassname   a1   a1ok    a2   a2ok
                           1    1            ASP             照片  1      名片  1
                           2    1            PHP                          饭卡  1             
                           3    2            高数                             我已经做好了大类和小类的联动，大,小类的select下拉框名分别为：bigselect和smallselect
现在我想达到的效果是：当我选择小类smallselect下拉框的选项时，通过数据库判断，当a1ok=1时，会自动在表单里面产生一个名和a1的字段名相同的Text文本框，当a2ok=1时，也会在表单里面生成一个名和a2字段名相同的TEXT文本框，以此类推，a10ok=1时，同样也产生名为a10的text文本框。比如上表：选择小类ID为1的时候，表单里会同时出现两个文本框，名字分别为A1和A2，同时在文本框A1前显示汉字："照片"；文本框A2前出现汉字：”名片“
谢谢高手们，给个详细的做法，太难了

解决方案 »

  1.   

    我这没有代码,要代码去资源区找吧,不过给你思路.
    你已经把联动作好了,就是如果组的问题了.
    你应该已经会是了AJAX了,那就是处理交互的问题.
    你选择后就是AJAX把数据传到后台,处理结果返回页面就可以开始了..
    var _table;//得到你的表格对象
    var _td ;//将返回的结果组装成<td>data</td>
    将组装好的td追加到表格里就完成了
      

  2.   

    一个例子，至于你从后台获取数据源什么的自己加上控制就行了<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title>Untitled Page</title>
        <script type="text/javascript">
            function sel(s)
            {
               if(s.options[s.selectedIndex].text.toString()=="ASP")
               {
                   var tab = document.getElementById("tab1");
                   var row = tab.insertRow();
                   
                   var cell1 = row.insertCell();
                   var cell2 = row.insertCell();
                   
                   cell1.innerText = "照片";
                   cell2.innerHTML = "<input type='text' name='a1'/>";               row = tab.insertRow();
                   
                   cell1 = row.insertCell();
                   cell2 = row.insertCell();
                   
                   cell1.innerText = "名片";
                   cell2.innerHTML = "<input type='text' name='a2'/>";
               }
            }
        </script>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
            <table>
                <tr>
                    <td>
                        <select>
                            <option value="1">计算机</option>
                            <option value="2">数学</option>
                        </select>
                        <select onchange="sel(this)">
                            <option value="1">ASP</option>
                            <option value="2">PHP</option>
                            <option value="3">高数</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td>
                       <table id="tab1">
                       
                       </table>
                    </td>
                </tr>
            </table>
        </div>
        </form>
    </body>
    </html>