添加动态控件并使用 jquery 获取其值

Question

我需要使用 jquery 在我的 asp.net mvc (C#) 应用程序中添加动态控件并获取其值。

单击按钮时，我需要添加特定的动态控件，输入值并在使用 jquery 单击提交按钮时传递其值。

例如：在谷歌日历的创建事件中，我们可以添加多个选项来提醒。像这样我需要动态添加控件并使用 jquery 将其值传递给数据库。

对此有何建议？

Answer 1

您可以添加previous answer 中指定的动态控件，但只需确保将这些输入元素附加到“表单”中（如果您打算制作 ajax“发布”，则不必这样做尽管）。而且，如果您想在单个“表单提交”中提交多个值，请确保您遵循此博文中指定的约定=> Model binding to a List

Answer 2

第一步是动态添加控件：

$(function() {
    $('#someButton').click(function() {
        // Add input control to the form:
        $('#someDivInsideTheFormThatWillHoldTheControl').append(
            '<input type="text" name="dynamicControl" id="dynamicControl" />'
        );
    });
});

在处理表单提交的操作中，您可以读取值：

[AcceptVerbs(HttpVerbs.Post)]
public ActionResult Index(string dynamicControl)
{
    // dynamicControl should hold the value entered
    // in the dynamically added input.
}

---

更新：

要获取动态添加的控件的值，您可以使用val 函数：

var value = $('#dynamicControl').val();