javascript - 如何从多选下拉菜单中获取值并将其与 POST 一起发送？

Question

我想将这种类型的多选下拉菜单添加到我的表单中

<form>
...
    <select id="example2" multiple="multiple">
        <div id="otherChoices">
            <optgroup label="Academic" class="blah">
                <option value="Engineering" class="blah">Engineering</option>
                <option value="Humanities">Humanities</option>
                <option value="Life_Sciences">Life Sciences</option>
                <option value="Social Sciences_Sciences">Social Sciences</option>
            </optgroup>
            <optgroup label="Clubs">
                <option value="Event">Event </option>
                <option value="Meeting">Meeting</option>
                <option value="Performance">Performance</option>
            </optgroup>
            <optgroup label="Personal">
                <option value="Discussion">Discussion</option>
                <option value="Event">Event</option>
                <option value="Food">Food</option>
                <option value="Hangout">Hangout</option>
                <option value="Trip">Trip</option>
            </optgroup>
        </div>
    </select>
</form>

但我不确定这是什么类型的输入表单(它是 Bootstrap 创建的表单，但不是有效的输入类型)，所以我不确定如何通过发布请求发送参数。目前，我正在使用 jquery 来获取所选值并填写隐藏表单。有没有更好的办法？

Answer 1

您在 HTML 中犯了一些错误: 这是更正后的版本:

<form action="test2.php" method="post">
    <select name="example2[]" id="example2" multiple="multiple" >
        <div id="otherChoices" name="hello">
            <optgroup label="Academic" class="blah">
                <option value="Engineering" class="blah">Engineering</option>
                <option value="Humanities">Humanities</option>
                <option value="Life_Sciences">Life Sciences</option>
                <option value="Social Sciences_Sciences">Social Sciences</option>
            </optgroup>
            <optgroup label="Clubs">
                <option value="Event">Event </option>
                <option value="Meeting">Meeting</option>
                <option value="Performance">Performance</option>
            </optgroup>
            <optgroup label="Personal">
                <option value="Discussion">Discussion</option>
                <option value="Event">Event</option>
                <option value="Food">Food</option>
                <option value="Hangout">Hangout</option>
                <option value="Trip">Trip</option>
            </optgroup>
        </div>
    </select>
    <button type="submit">Submit</button>
</form>

编辑: 这是我更正的:

1. 我用方括号向选择添加了一个名称值以显示其数组
2. 我在表单中添加了一个方法类型:method="post"
3. 提交按钮

然后您可以像这样访问各个项目:

echo $_POST["example2"][0];

编辑:抱歉，我意识到这是 Node.js，这是用于 PHP 的。有关如何在 Node js 中获取 post 变量，请参阅此链接:

How do you extract POST data in Node.js?