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";
  }