Question

如果用户选择显示div，我有一个使用动态输入的表单。我无法从动态表单字段中获取值。

这是一个例子。

HTML（此div仅在用户点击show DIV链接时显示）

<form id="myForm">

<input type="text" id="name" />

<a href="#" id="showDiv">Show Div</a>

<div id="newElement" style="display:none;"><input type="text" id="newField"/></div>

<input type="submit" name="submit" id="submit" />
</form>

Javascript - 我们假设用户点击了“Show Div”链接，然后显示newElement div，然后提交表单。这是在提交时运行的代码。

$("#myForm").submit(function(){
      alert($('#name').val());
      alert($('#newField').val());
});

我收到第一个警报的值，但不是第二个。

Answer 1

我的DIV被命名为与我的表格字段（oops）相同的东西，愚蠢的错误。感谢大家看看。

Answer 2

您绑定submit上的#myForm事件，但它尚不存在，因此您不会绑定任何内容。

您应该使用on()方法：

$(document).on('submit' , '#myForm', function() {
    alert($('#newField').val());
});

这会在document上收听#myForm上的提交通话。

修改

这个问题并非如此，实际上是seems to work fine？

获取动态表单字段的值（JQuery）

2 个答案: