利用JS在web前段动态添加控件

 <script type="text/javascript">
     //   var i = 0;
        var CoRuType = '<%=System.Web.Configuration.WebConfigurationManager.AppSettings["CoRuTypes"] %>';
        var CoRuTypes = new Array();
        CoRuTypes = CoRuType.split(";");
        function RulesAdd() {
           var str = "<select id='Select1'>";
            for (var j = 0; j < CoRuTypes.length; j++) {
                var sss = CoRuTypes[j].split("_");
                str = str + "<option value='" + sss[0] + "'>" + sss[1] + "</option>"
            }
            str = str + "</select>";
           
            document.getElementById('divRules').innerHTML = document.getElementById('divRules').innerHTML + str +
                '&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp<input id="txtCoRuContent' + i + '" type="Text"   width="500px" /> &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp<input id="txtCoRuTotality' + i +
                 '" type="Text"  width="500px" text="txtCoRuContent' + i + '.length" /></br>';
            i++;
        }

    </script>

 

 

控件控制：

 <input id="btnAdd1" type="button" οnclick="RulesAdd()" value="增加" />

添加位置：

<div id='divRules'>

</div>