Javascript 从一个下拉列表中选择值时如何动态生成重复下拉列表控件_Javascript_C#_Asp.net_Drop Down Menu

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

javascript c# asp.net drop-down-menu

Javascript 从一个下拉列表中选择值时如何动态生成重复下拉列表控件,javascript,c#,asp.net,drop-down-menu,Javascript,C#,Asp.net,Drop Down Menu,如何在从一个下拉列表中选择值时动态生成重复下拉列表控件例如：选择国家，然后在下面生成重复的国家下拉列表，当选择国家下拉列表时，然后在下面生成重复的城市下拉列表但我只想在选定的“生成副本”后使用一个下拉列表这是一个示例代码： <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=big5"> <script langua

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

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

但我只想在选定的“生成副本”后使用一个下拉列表这是一个示例代码：

<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


var subCat=新数组（）；
子类别[1]={2:“计算机书”，9:“语法书”}；
子类别[3]={4:“数字手表”，5:“模拟手表”}；
子类别[6]={7:“安卓手机”，8:“IPhone”}；
功能更改\u子\u类别（v）
{
var cat_id=v.options[v.selectedIndex]。值；
变量子类别=子类别[类别id]；
var subCatDropDown=document.getElementsByName（“subCat_id”）[0]；
clearDropDown（“子目录id”）；
用于（子类别中的子类别id）
{
选项=新选项（子类别[子类别id]，子类别id）；
subCatDropDown.options[subCatDropDown.options.length]=选项；
}
}
函数clearDropDown（boxName）
{
var x=document.getElementsByName（boxName）；
对于（i=0；i您做了多少。？尝试使用javascript生成普通html，然后将其添加到onChange/onClick事件链接不是答案