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

时间:2017-09-18 06:28:40

标签: javascript php html selectize.js

我目前正在使用带有“选择”项和多个选项的Selectize.js。我的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”] =&GT; string(1)“1”

这是我的JS设置:

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

        })

有什么建议吗?

感谢。

1 个答案:

答案 0 :(得分:0)

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