具有由數據庫填充的下拉列表的動態文本框

Question

我有一個項目，在該項目中，我需要提供允許用戶單擊一個按鈕（一次或多次）以動態添加2個帶有標簽的文本框和一個每次單擊按鈕時由數據庫調用填充的下拉列表的功能的項目。

最初，我使用jquery添加2個帶有標簽的文本框，但只需要添加由數據庫調用填充的下拉列表。

我正在為jQuery使用以下代碼：

<script type="text/javascript">
    $(document).ready(function () {
        $("#btnAdd").click(function () {
            var field = $("#field").val();
            var input = "<input name='titles' id='field' type='text' />";
            var input2 = "<textarea name='descriptions' id='field' rows='8' columns='80' />";
            var newRow = "<tr><td>" + field + "</td><td>" + input + "</td><td>" + input2 + "</td></tr>";
            var newRow2 = "<br /><label>Additional Issue: </label><br /><input type='text' size='50' name='addIssue' id='field' value='' /><br /><br /><label>Description:</label><br /><textarea rows='8' cols='80' name='addProblem' id='field' ></textarea><br /><br />"
            $('#controls').append(newRow2);
        });
    });
</script>

效果很好。 但是，我正在努力添加下拉列表的最佳方法，它可以是服務器端或客戶端。 我確實沒有動態創建asp.net控件，但是我認為這是可行的方法。

有什么建議么？

Answer 1

好吧，要適合您的其余設計，您可能應該只在客戶端執行。 您可以像執行文本輸入一樣創建一個選擇輸入，然后使用對JSON Web方法的AJAX調用添加選項。 在線上有很多示例，但這是一個，而另一個 。 這是第三個 。