HTML表单多个相同的值输入

-2

我有一个表名，它将名字&姓氏添加到数据库表。我希望能够以一种形式添加尽可能多的姓氏&姓氏，如我所愿。例如，在这里我把它扩大到2名& lastnames（但它可以扩展N次）：HTML表单多个相同的值输入

<form method="post"> 

<input type="text" value="name"> 
<input type="text" value="lastname"> 

<input type="text" value="name"> 
<input type="text" value="lastname"> 

<input type="submit" value="Add"> 

</form>

如果用户输入“约翰·史密斯”和“玛丽珍”我想要得到的导致这样的：

{ 
name: "John, Mary"; 
lastname: "Smith, Jane"; 
}

还是现在，我得到它只是作为：

{ 
name: "Mary"; 
lastname: "Jane"; 
}

任何帮助吗？ :)

来源

2017-06-05 Sergej Fomin

你如何得到这一结果？ – CBroe

你需要提供一个真实的[mcve]。目前你已经有了一些HTML和一些输出，你用来从一个到另一个的代码完全没有了。你甚至没有告诉我们你正在使用什么编程语言！ – Quentin

在HTML格式中，name和id属性应该是唯一的。如果您需要使用多个具有相同值的name属性，则应该使用array name。在你的前。这将是：

<form method="post"> 

<input type="text" value="name[]"> 
<input type="text" value="lastname[]"> 

<input type="text" value="name[]"> 
<input type="text" value="lastname[]"> 

<input type="submit" value="Add"> 

</form>

来源

2017-06-05 11:24:23

Thanx，maaaaan！ –

一般的答案很可能将被使用Javascript循环生成你正在寻找的HTML，但如果你想冷静，并使用角度，你可以说

<input type="text" value="name" *ngFor="let item of array"> 
<input type="text" value="lastname">

反正here's an article关于JS for循环

来源

2017-06-05 11:30:25

thanx，男人，但我不使用Angular :) –

HTML表单多个相同的值输入

回答

相关问题