Javascript 发送多个<；选项>；通过表格 可用面积

假设您正在使用jQuery：

<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>

提交表单时，应选择多个选择中的所有项目

另一个选项是为每个选项添加一个隐藏的输入字段。当您将

[]

添加到字段名称时，它将作为一个数组在服务器端可用

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

好吧，难道你不能用你需要的数据填写一个禁用的文本区域吗？@DainisAbols我认为HTML不会发送禁用的表单数据。可能是错误的，但这是一个很好的建议。如果您有多个

select

元素，则所有选定的元素都将提交到服务器，但应选择项目。@GeraldSchneider是的，我可以这样做，但如果您知道我的意思，我不希望用户在添加它们后必须选择所有选项。。他们应该只是自动发送。@GeraldSchneider默认情况下，将发送的唯一选项是选中的选项。我不希望用户在单击“添加区域”按钮后必须手动选择它们。

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