在PHP中获取多个选择框的值并将它们添加到一个数组中。

问题描述 投票:0回答:1

我有一个按钮,允许将一个原料添加到数据库中。当按钮被点击时,用户可以添加原料的名称,测量和单位,这是用Javascript完成的。

function addIngredient() {
  var area = document.getElementById("addedIngredient");
  var num = document.createElement("p");
  numText = document.createTextNode(countIngredient + ". ");
  num.appendChild(numText);
  area.appendChild(num);

  //Ingredient Name
  var ingredientNameLabel = document.createElement("p");
  ingredientNameLabelText = document.createTextNode("Name");
  ingredientNameLabel.appendChild(ingredientNameLabelText);
  area.appendChild(ingredientNameLabel);
  countIngredient++;

  var ingredientNameInput = document.createElement("INPUT");
  ingredientNameInput.setAttribute("name", "ingredient_name[]");
  ingredientNameInput.setAttribute("type", "text");
  ingredientNameInput.setAttribute("class", "form-control");
  ingredientNameInput.setAttribute("class", "ingName");
  area.appendChild(ingredientNameInput);

  //Ingredient Measure
  var ingredientMeasureLabel = document.createElement("p");
  ingredientMeasureLabelText = document.createTextNode("Measure");
  ingredientMeasureLabel.appendChild(ingredientMeasureLabelText);
  area.appendChild(ingredientMeasureLabel);

  var ingredientMeasureInput = document.createElement("INPUT");
  ingredientMeasureInput.setAttribute("name", "ingredient_measure[]");
  ingredientMeasureInput.setAttribute("type", "text");
  ingredientMeasureInput.setAttribute("class", "form-control");
  ingredientMeasureInput.setAttribute("class", "ingMeasure");
  area.appendChild(ingredientMeasureInput);

   //Ingredient Unit
   var ingredientUnitLabel = document.createElement("p");
   ingredientUnitLabelText = document.createTextNode("Unit");
   ingredientUnitLabel.appendChild(ingredientUnitLabelText);
   area.appendChild(ingredientUnitLabel);

   var select = document.createElement("SELECT");
  select.setAttribute("name", "ingredient_unit[]");
  area.appendChild(select);

  var option = document.createElement("option");
  option.setAttribute("value", "grams");
  var value = document.createTextNode("g");
  option.appendChild(value);
  select.appendChild(option);

  var option = document.createElement("option");
  option.setAttribute("value", "milimeters");
  var value = document.createTextNode("ml");
  option.appendChild(value);
  select.appendChild(option);

  var option = document.createElement("option");
  option.setAttribute("value", "kilograms");
  var value = document.createTextNode("kg");
  option.appendChild(value);
  select.appendChild(option);
  var option = document.createElement("option");
  option.setAttribute("value", "litres");
  var value = document.createTextNode("litre(s)");
  option.appendChild(value);
  select.appendChild(option);

  var option = document.createElement("option");
  option.setAttribute("value", "slice");
  var value = document.createTextNode("slice");
  option.appendChild(value);
  select.appendChild(option);

  var option = document.createElement("option");
  option.setAttribute("value", "whole");
  var value = document.createTextNode("whole");
  option.appendChild(value);
  select.appendChild(option);

  var option = document.createElement("option");
  option.setAttribute("value", "pinch");
  var value = document.createTextNode("pinch");
  option.appendChild(value);
  select.appendChild(option);
}

我想让每个添加的原料都能选择单位。

谁能告诉我如何用PHP来实现这个功能?

我正在尝试下面的方法。

$units = [];
foreach ($_POST["ingredient_unit[]"] as $key => $unit) {
        array_push($units, $unit);
    }

但没有成功,也没有出现错误。

谢谢。

javascript php html
1个回答
2
投票

修改下面的代码。

foreach ($_POST["ingredient_unit[]"] as $key => $unit) {
    array_push($units, $unit);
}

用这个来代替

foreach ($_POST["ingredient_unit"] as $key => $unit) {
    array_push($units, $unit);
}

当你试图访问时,你应该会收到一个通知。$_POST["ingredient_unit[]"] 因为它没有被定义。如果你没有看到通知,可能是error_reporting级别太低。你可以使用类似下面的方法来激活所有的错误,除了那个 弃用 的。

error_reporting(E_ALL &~ E_DEPRECATED);
© www.soinside.com 2019 - 2024. All rights reserved.