Javascript JS-PHP-从特定HTML标记的值构建数据数组

我有一个表单，用户可以使用自动完成输入标记方法（类似于问题提交过程中输入的Stackoverflow标记）插入文本字段的值。它会立即构建一个HTML div，如下所示：

<div name="new-words[]" id="new-words" multiple="multiple" class="hidden">
    <option value="Flower" id="newWord_H0uTTbUsLW8R3fSpfMw16JnvpVQ9zhdW" class="selected" selected="selected">Flower</option>
    <option value="Animal" id="newWord_ZxFWGZrgDcCd2nUMpz1mc1ssVLAXgIVw" class="selected" selected="selected">Animal</option>
    <option value="Tiger" id="newWord_ZxFWGZrgDjijms23mmoAOPPL009AOOOO" class="selected" selected="selected">Tiger</option>
    ...
</div>

花
动物
老虎
...

或

...

---

我的问题是如何从

选项

或

输入

标记（即花、动物、老虎）的值构建一个数据数组，并在将数据插入数据库之前将数组发送到PHP文件（或不同的URL）进行进一步处理？感谢您的帮助。

您可以设置一个数组，然后通过选项循环，将每个值推送到数组中。必须使用AJAX将数组发送到php

var nw=document.getElementById（'new-words'），
选项=nw.children，
toPhp=[]；
函数循环（项、fn、onLoopComplete）{
var i；
试一试{
if（items&&items.length）{
i=项目长度；
}否则{
抛出新错误（项+'需要有一个长度'）；
}
如果（i>-1）{
做{
如果（项目[i]！==未定义）{
fn（i）；
/*log（i+'是当前迭代'）*/
}
}
而（-i>=0）；
}
if（typeof onLoopComplete==='function'）{
onLoopComplete（项目长度）；
}
}捕获（e）{
抛出新错误（e）；
}
}
循环（选项、功能（i）{
推送（选项[i].value）；
});
警报（toPhp）

例子
花
动物
老虎
...
为什么要将选项标签插入div@Ankit，它也可以是输入标签，请再次查看问题。。谢谢
<div name="new-words[]" id="new-words" multiple="multiple" class="hidden">
    <input value="Flower" id="newWord_H0uTTbUsLW8R3fSpfMw16JnvpVQ9zhdW" class="selected" selected="selected" />
    <input value="Animal" id="newWord_ZxFWGZrgDcCd2nUMpz1mc1ssVLAXgIVw" class="selected" selected="selected" />
    <input value="Tiger" id="newWord_ZxFWGZrgDjijms23mmoAOPPL009AOOOO" class="selected" selected="selected" />
    ...
</div>