html select 自定义,自定义下拉框customSelect

一个简单的jQuery UI组件美化元素和输入自定义的范围。允许单选、复选。在选择框前出现单选或复选框。

$(document).ready(function () {

$('#debug_log').html('Debug log...
');

function debug(what) {

$('#debug_log').append(what + "
");

}

$('#singleSelect, #multipleSelect').customSelect({

focus: function () {

debug('Got focus');

},

blur: function () {

debug('Lost focus');

},

change: function () {

debug('Widget value changed');

}

});

$('#rangeSelect').customSelect({

customRange: true,

windowFormatter: function (value) {

if (value.indexOf('bedrooms') === -1) {

value += ' bedrooms';

}

return value.replace(/bedrooms/, 'bedrooms');

}

});

$('select').change(function () {

debug('Native select value changed to: ' + $(this).val());

});

});

相关链接