如何用php表单中的搜索结果填充空的javascript数组？

Question

空数组：

<script type="text/javascript">
    var foodList=[];
</script>

php表格：

<form id="foodForm" action="" method="POST">

<div class=".col-md-6">
<div id="scrollable-dropdown-menu">
    <input class="typeahead" type="text" name="search" placeholder="Foods"> </div>
    <input type="button" class="submit_btn" value="ADD" name="add" onclick="functionAdd(); reset();" />
    <input type="button" class="submit_btn" value="DONE" name="done" onclick="functionDone()" />
</div>

使用Javascript：

<script>
  form=document.getElementById("foodForm");
  function functionAdd() {
      foodList.push(document.getElementsByName('search'));
      form.submit();
  }
  function functionDone() {
      form.action="submit_for_done.php";
      form.submit();
  }

functionAdd（）不起作用。我希望函数将表单中的搜索结果添加到空数组（foodList）中。我该如何解决？

Answer 1

请更新您的functionAdd函数以查找<input name="search">的值：

<script>
    var foodList = [];
    function functionAdd () {
        var searchEl = document.getElementsByName('search')[0]; // input search element
        if (searchEl.value && searchEl.value.length > 0) { // exclude adding of empty values
            foodList.push(searchEl.value);
        }
        // form.submit(); // I think you don't need to submit the form every time you add new item to the food list
    }
    function functionDone() {
        document.write(foodList);
        form.action="submit_for_done.php";
        form.submit();
    }
</script>