$('#text1').combobox({

        height: 32,

        data: [

            {"value": "选项1", "text": "选项1"},

            {"value": "选项2", "text": "选项2"},

            {"value": "选项3", "text": "选项3"},

            {"value": "选项4", "text": "选项4"},

            {"value": "选项5", "text": "选项5"},

            {"value": "选项6", "text": "选项6"},

            {"value": "选项7", "text": "选项7"},

            {"value": "选项8", "text": "选项8"},

            {"value": "选项9", "text": "选项9"},

            {"value": "选项10", "text": "选项10"}

        ]

        ,

        onShowPanel: function () {

            var data = $('#text1').combobox('getData');

            var value = $('#text1').combobox('getValue');

            var startN = 0;

            if (value != '') {

                for (var i = 0; i < data.length; i++) {

                    if (data[i].value == value) {

                        startN = i;

                        break;

                    }

                }

            }

            var deltaY = -1;

            function setValue() {

                startN += -deltaY;

                if (startN < 0) {

                    startN = 0;

                }

                else if (startN > data.length - 1) {

                    startN = (data.length - 1);

                }

                $('#text1').combobox('select', data[startN].value);

            }

            $('#text1').combobox('panel').off('mousewheel').on('mousewheel', function (event) {

                //事件event对象中可以获取如下三个属性值：

                //deltaX：值为负的（-1），则表示滚轮向左滚动。值为正的（1），则表示滚轮向右滚动。

                //deltaY：值为负的（-1），则表示滚轮向下滚动。值为正的（1），则表示滚轮向上滚动。

                //deltaFactor：增量因子。通过 deltaFactor * deltaX 或者 deltaFactor * deltaY 可以得到浏览器实际的滚动距离。

                console.log(event.deltaX, event.deltaY, event.deltaFactor);

                deltaY = event.deltaY;

                setValue();

            });

        }

    });