HTML表单提交多个值

Question

我需要将提交的水果名称打印在“ Sadrzaj korpe：”之后，即“苹果，橙子，香蕉”。

我的代码只打印一种水果。

<form>  
    <label for="voce">Voce:</label>
    <input type="text" name="voce">
    <input type="submit" name="submit" value="Ubaci voce u korpu"><br>

 </form>  
    <?php
 if ($_GET["submit"]){
        if ($_GET["voce"]){ 
                echo "Sadrzaj korpe je ".$_GET['voce'];
            }
        }           

Answer 1

关于后端（从此处开始 ）：

input type="text" name="hoursWorked[]" />将在内部转换为$_POST['hoursWorked']下的数组。

这意味着您可以使用以下形式执行以下操作：

<form method="post" action="collect_vals.php">
<div class="input_fields_wrap">
    <button class="add_field_button">Add More Fields</button>
    <div><input type="text" name="mytext[]"></div>
    <div><input type="text" name="mytext[]"></div>
    <div><input type="text" name="mytext[]"></div>
    <div><input type="text" name="mytext[]"></div>
    <div><input type="text" name="mytext[]"></div>
</div>
</form>

然后，在PHP中：

<?php
if(isset($_POST["mytext"])){       
    $capture_field_vals ="";
    foreach($_POST["mytext"] as $key => $text_field){
        $capture_field_vals .= $text_field .", "; //Here is where the values are concated to $capture_field_vals
    }
    echo $capture_field_vals;
}
?>

关于动态形式（从此处开始 ）：

JavaScript：

$(document).ready(function() {
    var max_fields      = 10; //maximum input boxes allowed
    var wrapper         = $(".input_fields_wrap"); //Fields wrapper
    var add_button      = $(".add_field_button"); //Add button ID
    var x = 1; //initlal text box count
    $(add_button).click(function(e){ //on add input button click
        e.preventDefault();
        if(x < max_fields){ //max input box allowed
            x++; //text box increment
            $(wrapper).append('<div><input type="text" name="mytext[]"/><a href="#" class="remove_field">Remove</a></div>'); //add input box
        }
    });

    $(wrapper).on("click",".remove_field", function(e){ //user click on remove text
        e.preventDefault(); $(this).parent('div').remove(); x--;
    })
});

HTML表单本身：

<div class="input_fields_wrap">
    <button class="add_field_button">Add More Fields</button>
    <div><input type="text" name="mytext[]"></div>
</div>

Answer 2

首先，您可以使用isset（）检查$ _GET，$ _ POST等值。

其次，如果我对您的理解正确，您是否想要一个接一个地提交多个水果并实时显示它们？

为此，您应该使用Ajax 。

否则，如果您的目标只是动态显示客户端上添加的数据，则将客户端与AngularJS之类的库一起使用，或者将其与使用双向数据绑定的任何其他库一起使用。

如果仅向用户显示更改的数据集，就不需要服务器端吗？ 用户完成添加水果列表后，可以将数据发送到服务器。

Answer 3

引用此链接

  if (isset($_POST["submit"])) {
        echo "Yes";     
  }else{  
       echo "N0";
  }