selectize.js 不发送所有选定的选项，但只发送最后一个

Posted 2023-02-24

【中文标题】selectize.js 不发送所有选定的选项，但只发送最后一个

【英文标题】：selectize.js not sending all selected option but only the last one

【发布时间】：2014-10-30 01:55:21

【问题描述】：

我很少有选择下拉菜单与 selectize.js 配合得很好。在表单发布时，它似乎只发送选择的最后一个选项。因此，例如，如果用户在 post var_dump($_POST); 形式中选择：A、B、C只有 C 出现。其他选择也是如此。

我浏览了文档并在网上搜索但无法纠正，我确信它确实是微不足道的，但直到我知道，我不知道:(

非常感谢任何帮助！谢谢！

【问题讨论】：

你能把链接发给我吗？

我已将代码复制到：jsfiddle.net/to0b60pg 希望这可能会提供一些线索。谢谢

请查看我的回答

【参考方案1】：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="http://brianreavis.github.io/selectize.js/js/selectize.js"></script> 



<?php
 if(isset($_POST["save"]))
    echo '<pre>';
    print_r($_POST);
    echo '</pre>';



 

?>

<form action="" method="post">
<label>Select Class(s)</label>
<select multiple id="classname" name="classname[]" required class="form-control">
    <option value="1">NUR</option>
    <option value="2">KG</option>
    <option value="3">PREP</option>
    <option value="4">I</option>
    <option value="5">II</option>
</select>
<label>Subjects</label>
<select multiple id="subjects" name="subjects[]" required class="form-control">
    <option value="1">English</option>
    <option value="2">EVS</option>
    <option value="3">Maths</option>
    <option value="4">Science</option>
    <option value="5">Social</option>
</select>
<label>Examinations</label>
<select multiple="multiple" id="exams" name="exams[]" required="true" class="form-control">
    <option value="1">Formative Assessment I</option>
    <option value="2">Formative Assessment II</option>
    <option value="3">Formative Assessment III</option>
    <option value="4">Formative Assessment IV</option>
    <option value="5">Annual</option>
</select>

<input type="submit" name="save" value="save" />
</form>

<script>
     $(document).ready(function () 
     $('#exams').selectize(
         hideSelected: 'true'
     );

     $('#subjects').selectize(
         hideSelected: 'true'
     );

     $('#classname').selectize(
         hideSelected: 'true'
     );
 );

</script>

【讨论】：

@E-housmaMardini 欢迎