带有由数据库填充的下拉列表的动态文本框

Question

我有一个项目，我需要提供允许用户单击一个按钮（1 次或多次）以动态添加 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

好吧，为了适应您的其余设计，您可能应该只在客户端进行。您可以像进行文本输入一样创建选择输入，然后使用 AJAX 调用向 JSON Web 方法添加选项。网上有很多这样的例子，但是here's one和here's another。还有here's a third。