选择仅提交最后选择的项目的js

Question

我目前正在使用 Selectize.js 以及 'select' 项和多个选项。我的 html 是这样的：

<div class="form-group">
                    <label for="record-genre">Genre(s):</label>
                    <select name="record_genre" id="record-genre" class="form-control multi-selectize" multiple="multiple" placeholder="Enter genre(s)">
                        <?php foreach ($record_genre_opts as $key => $val): ?>
                            <option value="<?php echo $key; ?>" <?php echo (in_array($key, $record_genre)) ? "selected" : ''; ?>
                                <?php echo set_select('record_genre', $val); ?>
                            >
                                <?php echo $val; ?>
                            </option>
                        <?php endforeach;?>
                    </select>
                </div>

到目前为止一切顺利。项目正在正确加载，直到此时一切正常。问题是，当提交表单时，只有最后选择的值是可用的，所以如果我选择了多个项目，我只会得到一个：

["record_genre"]=> string(1) "1"

这是我的 JS 设置：

$('.multi-selectize').each(function(){
            //console.log($(this))
            $(this).selectize({})

        })

有什么建议吗？

谢谢。

Answer 1

我的错误。 select 项目的名称应该是 record_genre[] 因为它被声明为多个 select 而不是 record_genre.

选择仅提交最后选择的项目的js

Selectize js submitting only last selected item

javascript

php

html

selectize.js