Set already selected values in angular 1 dynamic select dropdown while ng-click throghing error - TypeError: selectize.setValue is not a function

Question

I have a select dropdown with option values. And this select dropdown is dynamically displaying. I want to show the selected value of each dropdown while selecting/clicking each select dropdown.

My blade file is

<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>

And my click action is like

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);
    }
});

and am getting errors like

TypeError: selectize.setValue is not a function

Any help!

Nayana Chandran · Accepted Answer · 2020-07-25 14:24:41Z

1

Yes, finally I got the answer!

if(key == $($event.target).attr('data-id') ) {
   $("#category_videos_selectize_" + key)[0].selectize.setValue(value);
}

answered Jul 25, 2020 at 14:24

Nayana Chandran

1,4752 gold badges18 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Set already selected values in angular 1 dynamic select dropdown while ng-click throghing error - TypeError: selectize.setValue is not a function

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related