"параметры не определены" при использовании Selectize

Я пытаюсь, чтобы некоторые параметры запускались как выбранные при использовании множественного выбора. Я извлекаю некоторую информацию из базы данных, используя PHP, а затем преобразую информацию в массив JS. Когда я пытаюсь "инициализировать элемент управления Selectize", я получаю сообщение об ошибке ReferenceError: options is not defined, Что я могу сделать, чтобы добавить элементы в мой мультиселектор?

      <?
            //Query
            $courseQuery = $page->dbf->query("SELECT * FROM courses");
            $curCourses = $page->dbf->query("SELECT * FROM recipesToCourse WHERE recipeId = '$recID'");

            $course = [];
            while($crs = $courseQuery->fetch_object()) {
                $course[$crs->id] = $crs->title; 
            }
            $jsCourse = json_encode($course);

            $crsList = [];
            while($cr = $curCourses->fetch_object()) {
                $crsList[] = $cr->courseId;
            }
            $jsCrsList = json_encode($crsList);

    ?>
    <script>
        //Enable multiselect
        $('#course').selectize({
            maxItems: 10
        });
     </script>
     <select id="course" name="course[]" multiple>
         <option value="">-- Select Courses --</option>
<?                  
         foreach($course as $key=>$value) {
?>                  
             <option value="<?=$key?>"><?=$value?></option>
<?
         }
?>
      </select>
       <script>
            var courses = '<?echo $jsCourse?>';
            courses = JSON.parse(courses);

            var crsList = '<?echo $jsCrsList?>';
            crsList = JSON.parse(crsList);

            // initialize the Selectize control !!My ERROR!!
            var $select = $('#course').selectize(options);

            // fetch the instance
            var selectize = $select[0].selectize;

            index = 0;
            var select = document.getElementById('course');
            for(var i = 1; i < Object.keys(courses).length + 1; i++) {
                console.log('checking...');
                if(crsList[index] == i) {
                    console.log('adding');

                    selectize.addItem(courses[i]);

                    index++;
                }
            }
    </script>

0 ответов

Другие вопросы по тегам