使用JQuery.MSDropDown更新selectedIndex选项菜单

Question

我正在使用<select>带有jQuery.msDropDown的选项菜单,但由于某种原因,在select.selectedIndex使用javascript/jquery 设置属性后DOM不会更新.

单击下拉菜单后,单击页面上的返回(关闭它),它会使用正确的selectedIndex进行更新.

我正在循环更新selectedIndex,如下所示:

    $.fn.[unrelated function].after = function( opts, curr, next, fwd ) {
        var $sel = document.getElementById('selectElem');
        for(var i = 0, j = $sel.options.length; i < j; ++i) {
            if(($sel.options[i].value).substr(1) == next.title) {
                //I have tried various ways here
                $sel.selectedIndex = i;
                //$('#selectElem').prop("selectedIndex",i);
                break;
            }
        }
    };

PS似乎没有任何文档,msDropDown否则我会试图确定哪个事件会触发更新框.

Answer 1

试试这个 -

var oHandler = $('#selectElem').msDropDown().data("dd");
if(oHandler) {
    oHandler.set("selectedIndex", i);
}