从一个下拉列表中选择值时如何动态生成重复的下拉列表控件答案

【问题标题】：How to dynamically generate duplicate drop down list control when select value from one drop down list从一个下拉列表中选择值时如何动态生成重复的下拉列表控件
【发布时间】：2014-12-10 07:43:26
【问题描述】：

从一个下拉列表中选择值时如何动态生成重复的下拉列表控件。

例如：选择国家下拉列表时在下方生成重复的州下拉列表，然后在下方生成重复的城市下拉列表。

但我想在选择后只使用一个下拉列表生成重复

【问题讨论】：

你做了多远？
尝试使用javascript生成普通的html，然后添加到onChange/onClick事件中

标签： javascript c# asp.net drop-down-menu

【解决方案1】：

这是一个示例代码：

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=big5">
        <script language=javascript>
            var subCat=new Array();
            subCat[1]={2:"Computer Book",9:"Grammar Book"};
            subCat[3]={4:"Digital Watch",5:"Analogue Watch"};
            subCat[6]={7:"Android Phone",8:"IPhone"};

            function change_sub_cat(v)
            {
              var cat_id=v.options[v.selectedIndex].value;
              var subCats=subCat[cat_id];
              var subCatDropDown=document.getElementsByName("subCat_id")[0];
              clearDropDown("subCat_id");
              for (subCat_id in subCats)
              {
                option=new Option(subCats[subCat_id],subCat_id);
                subCatDropDown.options[subCatDropDown.options.length]=option;
              }
            }
            function clearDropDown(boxName)
            {
                var x=document.getElementsByName(boxName);
                for (i=0;i<x[0].options.length;i++)
                {
                    x[0].options[i]=null;
                }
                var allOptions=new Option("All",0);
                x[0].options[0]=allOptions;
            }
        </script>
    </head>
    <body style="font-family:arial">
    <h1>Product</h1>
    <form name="choose" method="post" width="100%">
    <table  cellpadding="2" border=0>
        <tr>
            <td align="right">
            Category:
            </td>
            <td align=left>
                <select name="cat_id" onchange="change_sub_cat(this)">
                    <option value=1>Book</option>
                    <option value=3>Watch</option>
                    <option value=6>Mobile phone</option>
                </select>
            </td>
            <td align="right">
            Sub-Category:
            </td>
            <td align=left>
            <select name="subCat_id" size=1>
                <option value=0>All</option>
                <option value=2>Computer Book</option>
                <option value=9>Grammar Book</option>
            </select>
            </td>
            <td>
                <input type="submit" value="Show selection">
            </td>
        </tr>
    </table>   
    </form>
    </body>   
</html>   enter code here

【讨论】：

链接不是答案