多次生成相同的输入

Question

我正在处理的项目基本上涉及输入框并将它们存储到mysql数据库中。我试图使用JavaScript来生成此表单，如果需要可以添加另一个表单。我想我遇到的问题是让它为第二个生成的表单分配一个不同的“名称”。 ex红色，red1，red2等。然后也试图让这个与php-mysqli一起工作。

到目前为止，我已经能够将它发布到表格中，但它将值发布在第二组输入框中。 有人可以提供一些建议吗？

<form id="color_form" action="postcolors.php" method="post"> 
 

 
<input id="name" class="color_entry" action="postcolors.php" method="post" name="name" placeholder="song name" style="background-image: url("data:image/png;base64,iVBORw0KGgoAAAA…nt: scroll; background-position: right center; cursor: auto;"></input> 
 
<input id="red" class="color_entry" action="" method="post" name="red" placeholder="red"></input> 
 
<input id="green" class="color_entry" action="" method="post" name="green" placeholder="green"></input> 
 
<input id="blue" class="color_entry" action="" method="post" name="blue" placeholder="blue"></input> 
 
<input id="color" class="color_entry" action="" method="post" name="color" placeholder="color"></input> 
 
<input id="name" class="color_entry" action="postcolors.php" method="post" name="name" placeholder="song name"></input> 
 
<input id="red" class="color_entry" action="" method="post" name="red" placeholder="red"></input> 
 
<input id="green" class="color_entry" action="" method="post" name="green" placeholder="green"></input> 
 
<input id="blue" class="color_entry" action="" method="post" name="blue" placeholder="blue"></input> 
 
<input id="color" class="color_entry" action="" method="post" name="color" placeholder="color"></input> 
 
<input type="submit" value="submit" action="postcolors.php" method="post"></input> 
 

 
</form>

$song=mysqli_real_escape_string($connect, $_POST['name']); 
 
$song = str_replace(' ', '', $song); 
 
mysqli_query($connect, "CREATE TABLE $song (id int(4) NOT NULL auto_increment, red int(2) NOT NULL, green int(2) NOT NULL, blue int(2) NOT NULL, color varchar(30) NOT NULL, index(id))"); 
 

 
$red=mysqli_real_escape_string($connect, $_POST['red']); 
 
$green=mysqli_real_escape_string($connect, $_POST['green']); 
 
$blue=mysqli_real_escape_string($connect, $_POST['blue']); 
 
$color=mysqli_real_escape_string($connect, $_POST['color']); 
 

 

 
mysqli_query($connect, "INSERT INTO $song (red,green,blue,color) VALUES ('$red', '$green', '$blue', '$color')");

Answer 1

首先id=""必须在页面上是唯一的，所以除非您实际上在JavaScript中使用id's，否则您可以将它们关闭。如果你在JavaScript中使用它们，你将不得不想办法使它们独一无二。

例如，您可以通过使用name="color[]"来让浏览器将字段名称作为数组返回而不是标量值。

所以更改名称字段像这样： -

<form id="color_form" action="postcolors.php" method="post"> 

<input class="color_entry" action="postcolors.php" method="post" name="name[]" placeholder="song name" style="background-image: url("data:image/png;base64,iVBORw0KGgoAAAA…nt: scroll; background-position: right center; cursor: auto;"></input> 
<input class="color_entry" action="" method="post" name="red[]" placeholder="red"></input> 
<input class="color_entry" action="" method="post" name="green[]" placeholder="green"></input> 
<input class="color_entry" action="" method="post" name="blue[]" placeholder="blue"></input> 
<input class="color_entry" action="" method="post" name="color[]" placeholder="color"></input> 
<input class="color_entry" action="postcolors.php" method="post" name="name[]" placeholder="song name"></input> 
<input class="color_entry" action="" method="post" name="red[]" placeholder="red"></input> 
<input class="color_entry" action="" method="post" name="green[]" placeholder="green"></input> 
<input class="color_entry" action="" method="post" name="blue[]" placeholder="blue"></input> 
<input class="color_entry" action="" method="post" name="color[]" placeholder="color"></input> 
<input type="submit" value="submit" action="postcolors.php" method="post"></input> 

</form> 

现在$ _ POST将有$ _ POST [ '颜色'] [0]，$ _ POST [ '颜色'] [1]例如使您可以将处理更改为类似于

foreach ($_POST['name'] as $idx => $name) { 

    mysqli_query($connect, 
       "INSERT INTO $song (red,green,blue,color) 
        VALUES ('{$_POST['red'][$idx']}', 
          '{$_POST['green'][$idx']}', 
          '{$_POST['blue'][$idx']}', 
          '{$_POST['color'][$idx']}' 
         )" 
       ); 
} 

Answer 2

IIRC一个可以使用红色[]作为盒子的名字，这将使$ _ POST [ '红']数组遍历。