JavaScript jQuery动态表单字段添加

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JavaScript jQuery动态表单字段添加相关的知识，希望对你有一定的参考价值。

<script type="text/javascript" charset="utf-8">
	$(function() {
		var fieldCount = 1;
		$("#addFieldButton").click(function() {
			fieldCount++;
			if(fieldCount <= 5)
			{
				var fieldID = "recipient_email_" + fieldCount;
				$("#additionalEmails").append("<label for='"+fieldID+"'>Recipient Email "+fieldCount+": </label>"+ 
											  "<input type='text' name='"+fieldID+"' " +
											  "id='"+fieldID+"' size='30'><br />" );
			}
			else
			{
				alert("Maximum email fields reached.");
			}
		});
	});
</script>

以上是关于JavaScript jQuery动态表单字段添加的主要内容，如果未能解决你的问题，请参考以下文章

ASP.NET MVC & JQuery 动态表单内容

jQuery动态表单字段添加

使用 javascript 或 jquery 动态添加值到表单

根据使用 Javascript 选择的组合框动态添加表单字段

Jquery -> php -> mysql 和动态表单字段

将 jQuery 验证规则添加到动态生成的表单元素时出错