如何用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();
}

函数Add((不工作。我希望函数将表单中的搜索结果添加到空数组中(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>