$(function () {
    $('.select-box')
        .setselect({
            optionlist: eval($('#sitelist').val()),
            hiddeninput: '#siteid',
            getoption: '#soptionbtn',
            callback: function (option) {}
        });
});
(function ($) {
    $.fn.setselect = function (options) {
        var opt = $.extend({
                optionlist: [],
                getoption: '',
                hiddeninput: '',
                callback: function () {}
            },
            options || {});
        return this.each(function () {
            opt._id = this;
            var _time;
            var arrow = $(this).find('i');

            var defaultvalue = parseint($(opt.hiddeninput).val());
            var defaultoption;
            $.each(opt.optionlist,
                function (index, item) {
                    if (defaultvalue === item.value) {
                        defaultoption = item.name;
                        return false;
                    }
                });
            $(opt.getoption).text(defaultoption);

            $(opt._id).append('<ul id="selectlist"></ul>');

            $.each(opt.optionlist,
                function (index, item) {
                    $("#selectlist").append('<li data-value="' + item.value + '">' + item.name + '</li>');
                });

            $(opt._id)
                .bind({
                    click: function () {
                        $(arrow).addclass('arrow-hover');
                        $('#selectlist').slidedown();
                        //  cleartimeout(_time);
                        return false;
                    }
                    //,
                    //mouseleave: function () {
                    //    _time = settimeout(function () {
                    //        $(arrow).removeclass('arrow-hover');
                    //        $('#selectlist').slideup();
                    //    }, 300);
                    //}
                });
            //获取选择的值
            $('#selectlist')
                .delegate('li',
                    'click',
                    function () {
                        var option = $(this).text();
                        var value = $(this).data('value');
                        $(opt.getoption).text(option);
                        $(opt.hiddeninput).val(value);
                        $('#selectlist').slideup();
                        $(arrow).removeclass('arrow-hover');
                        opt.callback(option);
                        return false;
                    });

            $(document)
                .on('click',
                    function () {
                        $('#selectlist').slideup();
                        $(arrow).removeclass('arrow-hover');
                    });
        });
    };
})(jquery);