javascript - 通过表单发送多个

Question

<fieldset>
    <legend>Available Areas</legend>
    <select id="availableAreas">
        <?php  
        $sql = "SELECT * FROM workArea";
        $result = $db->query($sql);

        while ($row = $result->fetch_assoc()) {
            $id = $row['id'];
            $area = $row['name'];
            echo "<option value='$id'>$area</option>";
        }
        ?>
    </select>
    <input id="addArea" type="button" value="Add area" /><br />
    <select id="workAreas" style="min-width: 200px" required multiple name="workAreaId"></select>
</fieldset>

上面的代码产生以下输出:

我没有放入 JavaScript，因为它与问题无关，但单击“添加区域”会将区域添加到 <select> 中元素(下拉列表下方的多个列表)。

当用户提交表单时，我需要发送所有 <option>是用户添加到列表中的。有什么办法可以做到这一点吗？

谢谢

Answer 1

假设您正在使用 jQuery:

$('#yourForm').submit(function() {
    $('#workAreas option').prop('selected', 'selected');
});

提交表单时，这应该选择多重选择中的所有项目。

另一个选项是为每个选项添加一个隐藏的输入字段。当您将 [] 添加到字段名称时，它将在服务器端作为数组使用。

<input type="hidden" name="workareas[]" value="X" />