代码之家  ›  专栏  ›  技术社区  ›  Anx

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

  •  5
  • Anx  · 技术社区  · 10 年前

    我有几个select下拉列表可以很好地与selectize.js一起工作。在表单发布中,它似乎只发送最后一个选择的选项。因此,例如,如果用户以post-var_dump($_post)的形式选择:A、B、C;只有C出现。其他选择也是如此。

    我查阅了文档并在网上搜索,但无法纠正,我确信这确实有些微不足道,但在我知道之前,我不知道:(

    非常感谢您的帮助!非常感谢。

    1 回复  |  直到 10 年前
        1
  •  10
  •   Ritesh d joshi    10 年前
    <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>