使用“选择”时“未定义选项”

时间:2018-10-01 16:54:35

标签: javascript php jquery html selectize.js

在尝试使用selectize multiselect时,我试图使某些选项开始为选定状态。我正在使用PHP从数据库中提取一些信息,然后将信息转换为JS数组。当我尝试“初始化Selectize控件”时,出现错误消息 <? //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> 。我该怎么做才能将项目添加到多选项目中?

c

0 个答案:

没有答案