我正在尝试创建一个允许某人输入多个电话号码的表单。我想单击一个按钮将一个附加字段添加到表单中,但是我不太确定如何做到这一点。
我查看了FormSet
,但我不想每次有人添加新电话号码时都创建一个新的模型实例。
提前感谢
一种方法是,您可以考虑使用ArrayField
或ArrayField
作为电话号码。如果您希望始终能够轻松引用数字,则后者可能会更有用,例如
JSONField
然后对于前端,您可以使用带有Javascript的按钮来“克隆” JSONField
元素,并将其附加到{'primary_no': '+123232323'}
上的电话号码包装div上。但您需要注意使用与input
元素相同的字段名称,例如[>]
click
这将使这些字段的值在
checkbox
的数组中发送,然后您可以遍历并验证。我在这里省略了一些具体细节,但这应该可以给您一个想法。