Javascript 如何在剑道UI中模拟事件

我想在加载页面时模拟更改事件，但我尝试了一些方法，但没有任何效果（：

jQuery(function($){

                        var data = $('[name="carriage"]').data('kendoDropDownList');
                        data.setOptions({
                            'change':function(v) {
                                $('[id^="carriageWindow"]').css('display','none');
                                $('#carriageWindow' + v.sender.value()).css('display','block');
                            }
                        });
                        data.select(1); //not works
                        data.bind("change"); //not works

                        data.change(); //not works

                    });

试试这个：

jQuery(function($){

                        var data = $('[name="carriage"]').data('kendoDropDownList');
                        data.setOptions({
                            'change':function(v) {
                                $('[id^="carriageWindow"]').css('display','none');
                                $('#carriageWindow' + v.sender.value()).css('display','block');
                            }
                        });
                        data.select(1); //not works
                        data.bind("change"); //not works

                        data.change(); //not works

                    });

// select second option
data.select(1);

// trigger change event
data.trigger('change');

演示：