Set already selected values in angular 1 dynamic select dropdown while ng-click throghing error - TypeError: selectize.setValue is not a function
Set already selected values in angular 1 dynamic select dropdown while ng-click throghing error - TypeError: selectize.setValue is not a function
我有一个包含选项值的 select 下拉菜单。这个 select 下拉列表是动态显示的。我想显示每个下拉菜单的 selected 值,而 selecting/clicking 每个 select 下拉菜单。
我的blade文件是
<div class="accordion__item" data-ng-repeat="pref_favs in coachProfileCtrl.coach.child_pref_categories" id="@{{pref_favs.pref_categories.id}}">
<div data-ng-click="coachProfileCtrl.loadprofilecategoryactions($event);" data-id="@{{pref_favs.pref_categories.id}}" class="accordion__header">@{{pref_favs.pref_categories.title}}</div>
<div class="accordion__body_new">
<p >
<select targetfield="title" general-selectize-directive id="category_videos_selectize_@{{pref_favs.pref_categories.id}}" service="category_videos" name="category_videos" multiple="multiple" style="display: block;" data-ng-model="coachProfileCtrl.coach.category_videos">
<option value="" disabled selected>{{ trans('frontend::messages.select_action') }}</option>
</select>
<div class="save-button">
<button type="button" class="btn btn-warning" data-ng-click="coachProfileCtrl.saveprofilecategoryactions();">Save Actions</button>
</div>
</p>
</div>
</div>
</div>
我的点击动作就像
this.coach.category_id = $($event.target).attr('data-id');
angular.forEach($scope.categories_actions_lists, function(value, key) {
if(key == $($event.target).attr('data-id') ) {
var $select = $("#category_videos_selectize_" + key ).selectize();
var selectize = $select[0].selectize;
selectize.setValue(value);
}
});
并且遇到类似
的错误
TypeError: selectize.setValue 不是函数
任何帮助!
是的,终于找到答案了!
if(key == $($event.target).attr('data-id') ) {
$("#category_videos_selectize_" + key)[0].selectize.setValue(value);
}
我有一个包含选项值的 select 下拉菜单。这个 select 下拉列表是动态显示的。我想显示每个下拉菜单的 selected 值,而 selecting/clicking 每个 select 下拉菜单。
我的blade文件是
<div class="accordion__item" data-ng-repeat="pref_favs in coachProfileCtrl.coach.child_pref_categories" id="@{{pref_favs.pref_categories.id}}">
<div data-ng-click="coachProfileCtrl.loadprofilecategoryactions($event);" data-id="@{{pref_favs.pref_categories.id}}" class="accordion__header">@{{pref_favs.pref_categories.title}}</div>
<div class="accordion__body_new">
<p >
<select targetfield="title" general-selectize-directive id="category_videos_selectize_@{{pref_favs.pref_categories.id}}" service="category_videos" name="category_videos" multiple="multiple" style="display: block;" data-ng-model="coachProfileCtrl.coach.category_videos">
<option value="" disabled selected>{{ trans('frontend::messages.select_action') }}</option>
</select>
<div class="save-button">
<button type="button" class="btn btn-warning" data-ng-click="coachProfileCtrl.saveprofilecategoryactions();">Save Actions</button>
</div>
</p>
</div>
</div>
</div>
我的点击动作就像
this.coach.category_id = $($event.target).attr('data-id');
angular.forEach($scope.categories_actions_lists, function(value, key) {
if(key == $($event.target).attr('data-id') ) {
var $select = $("#category_videos_selectize_" + key ).selectize();
var selectize = $select[0].selectize;
selectize.setValue(value);
}
});
并且遇到类似
的错误TypeError: selectize.setValue 不是函数
任何帮助!
是的,终于找到答案了!
if(key == $($event.target).attr('data-id') ) {
$("#category_videos_selectize_" + key)[0].selectize.setValue(value);
}