//下拉框
|
;(function ($) {
|
//下拉菜单默认参数
|
var defaluts = {
|
select: 'mp_select',
|
select_text: 'mp_select_text',
|
select_ul: 'mp_select_ul',
|
}
|
|
$.fn.extend({
|
// 下拉菜单
|
// 下拉菜单
|
select: function (options) {
|
var opts = $.extend({}, defaluts, options)
|
return this.each(function () {
|
var that = $(this)
|
//模拟下拉列表
|
if (that.data('value') !== undefined && that.data('value') !== '') {
|
that.val(that.data('value'))
|
}
|
var _html = []
|
_html.push('<div class="' + that.attr('class') + '">')
|
_html.push('<div class="' + opts.select_text + '">' + that.find(':selected').text() + '</div>')
|
_html.push('<ul class="' + opts.select_ul + '">')
|
that.children('option').each(function () {
|
var option = $(this)
|
if (that.data('value') == option.val()) {
|
_html.push('<li data-value="' + option.val() + '">' + option.text() + '</li>')
|
} else {
|
_html.push('<li data-value="' + option.val() + '">' + option.text() + '</li>')
|
}
|
})
|
_html.push('</ul>')
|
_html.push('</div>')
|
var select = $(_html.join(''))
|
var select_text = select.find('.' + opts.select_text)
|
var select_ul = select.find('.' + opts.select_ul)
|
that.after(select)
|
that.hide()
|
|
that.change(function () {
|
var val = that.attr('data-value')
|
that.children('option').each(function () {
|
var option = $(this)
|
if (val == option.val()) {
|
select_text.text(option.text())
|
}
|
})
|
})
|
|
//下拉列表操作
|
select.click(function (event) {
|
$(this).toggleClass('mp_selected')
|
$(this)
|
.find('.' + opts.select_ul)
|
.slideToggle()
|
.end()
|
.siblings('div.' + opts.select)
|
.find('.' + opts.select_ul)
|
.slideUp()
|
event.stopPropagation()
|
})
|
$('body').click(function () {
|
select_ul.slideUp()
|
})
|
select_ul.on('click', 'li', function () {
|
var li = $(this)
|
var val = li.addClass('selecton').siblings('li').removeClass('selecton').end().data('value').toString()
|
if (val !== that.attr('data-value')) {
|
select_text.text(li.text())
|
that.attr('data-value', val)
|
that.change()
|
}
|
})
|
})
|
},
|
})
|
})(jQuery)
|
