Как динамически добавлять параметры в раскрывающийся список в ASP .NET

---

Ниже приведен мой выпадающий список мне нужно добавить параметры в первый выпадающий список от 1 до 30 и мне нужно добавить параметры в выпадающий список от 1 до 100 динамически как я могу это сделать?

<script type="text/javascript">
       function GetDynamicTextBox(value) {
           if (value == "") {
               return '<input name = "DynamicTextBox" type="text" value = "' + value + '" />  <Select id="ddlID" name = "DynamicTextDropdown"></Select>  <Select name = "DynamicTextDropdown"></Select>' +
                ' <input id="btnAdd123" type="button" value="Add" onclick="AddTextBox()" /><input type="button" value="Remove" onclick = "RemoveTextBox(this)" />'
           }

       }
       debugger;
       function GetDynamicTextBox1(value, i) {
           debugger;
           return '<input name = "DynamicTextBox" type="text" value = "' + value + '" />  <input name = "DynamicTextDropdown" id="ddlID" type="value" value = "' + i + '" />' +
                      ' <input id="btnAdd123" type="button" value="Add" onclick="AddTextBox()" /><input type="button" value="Remove" onclick = "RemoveTextBox(this)" />'
       }
       function AddTextBox() {
           var div = document.createElement('DIV');
           div.innerHTML = GetDynamicTextBox("");
           document.getElementById("TextBoxContainer").appendChild(div);
       }
       function AddTextBox1() {
           var inputCount = document.getElementById('TextBoxContainer').getElementsByTagName('input').length;
           if (inputCount == "0") {
               var div = document.createElement('DIV');
               div.innerHTML = GetDynamicTextBox("");
               document.getElementById("TextBoxContainer").appendChild(div);
           }

       }
       function RemoveTextBox(div) {
           document.getElementById("TextBoxContainer").removeChild(div.parentNode);
       }

       function RecreateDynamicTextboxes() {
           var values = eval('<%=Values%>');
           if (values != null) {
               var html = "";
               for (var i = 0; i < values.length; i += 2) {
                   html += "<div>" + GetDynamicTextBox1(values[i], values[i + 1]) + "</div>";
               }
               document.getElementById("TextBoxContainer").innerHTML = html;
           }
       }
       window.onload = RecreateDynamicTextboxes;
   </script>
    <script type="text/javascript">


        $(document).ready(function () {
            debugger;
            var selectHTML = "";
            for (i = 1; i < 101; i++) {
                selectHTML += "<option value='" + i + "'>" + i + "</option>";
            }


            $("#ddlID").empty();
            $("#ddlID").append(selectHTML);
        });
   </script>

Что я уже пробовал:

я не мог найти источник для этого

---