未过帐使用Javascript/jQuery添加的动态表单元素

我读了很多关于这个问题的讨论。（包括最终让我走上正轨的“”）但是，他们都没有完全回答这个问题，也没有解决我的问题，所以我想我会把我的解决方案发一篇帖子

我试图使用jQuery在表单中动态添加额外的文本输入字段，代码如下：

jQuery("#form_table").append(
'<tr><th>'+
'<label><b>Date: </b></label></th><td>'+
'<input type="text" id="extra_date'+counter+'" />'+
'<label><b>Time: </b></label>'+
'<input type="text" id="extra_time'+counter+'" /></td></tr>');

form_table元素是form标记内的table标记。与上面文章中的代码不同，我发现不能只将其附加到表单元素本身。它必须是表单中的元素

我知道这看起来很简单，但看起来很多人在网上都遇到了同样的问题，所以我希望这将是一个简洁的答案，对于那些像我一样的人来说

您的代码只有id=“”没有name=“”您应该有name=“”这是发布的内容

请改用此代码：

jQuery("#form_table").append(
'<tr><th>'+
'<label><b>Date: </b></label></th><td>'+
'<input type="text" name="extra_date'+counter+'" />'+
'<label><b>Time: </b></label>'+
'<input type="text" name="extra_time'+counter+'" /></td></tr>');

jQuery（“#form_table”）.append(
''+
'日期：'+
''+
“时间：”+
'');

您的代码只有id=“”没有name=“”您应该有name=“”这是发布的内容

请改用此代码：

jQuery("#form_table").append(
'<tr><th>'+
'<label><b>Date: </b></label></th><td>'+
'<input type="text" name="extra_date'+counter+'" />'+
'<label><b>Time: </b></label>'+
'<input type="text" name="extra_time'+counter+'" /></td></tr>');

jQuery（“#form_table”）.append(
''+
'日期：'+
''+
“时间：”+
'');