选择器插件未更新DOM

Question

在从下拉列表DOM中选择任何值时，我有两种变体，即大小应该动态更新，但因为我使用的是下拉列表中的Selectr plugin，所以它没有发生。

      <!-- ko foreach: variantOptionsArray -->
                <!-- ko if: $data.optionCaption && $data.actualOptionId !== 'color' -->
                    <div class="col-xs-7 tc-pr-3 tc-pr-md-0">
                            <select name="size" required data-bind="validatableTarget: selectedOption, validationOptions: {decorateElement: false, decorateElementOnModified:  false}, options: optionValues, optionsText: 'key',
                                attr: {id: 'CC-prodDetails-' + $data.optionId}, optionsCaption: $data.optionCaption, value: $data.selectedOption, disable: $parent.disableOptions() || $data.disable, optionsAfterRender: function(option, item) { ko.applyBindingsToNode(option, {disable: !item}, item); },selectr">
                            </select>     
                        <div data-bind = "foreach : optionValues">
                                <span data-bind = "text: key"></span>      
                        </div>           
                    </div>
                <!-- /ko -->        
        <!-- /ko -->

这可以解决吗？