下拉列表中的jQuery blockUI选择索引更改asp.net

Question

JS：

$(document).ready(function () {
    $('#demo2').click(function () {
        $.blockUI({
            css: {
                border: 'none',
                padding: '15px',
                backgroundColor: '#000',
                    '-webkit-border-radius': '10px',
                    '-moz-border-radius': '10px',
                opacity: .5,
                color: '#fff'
            }
        });

        setTimeout($.unblockUI, 2000);
    });
}); 

我已经搜索了如何在处理数据时阻止UI，我想阻止UI，但是，我看到的代码是按钮点击，我想在选定的索引更改上执行块UI。

Answer 1

你想要.change而不是.click。假设select具有id：'demo2'：

$(document).ready(function () {
    $('#demo2').change(function () {
        $.blockUI({
            css: {
                border: 'none',
                padding: '15px',
                backgroundColor: '#000',
                    '-webkit-border-radius': '10px',
                    '-moz-border-radius': '10px',
                opacity: .5,
                color: '#fff'
            }
        });

        setTimeout($.unblockUI, 2000);
    });
});