.css(“color”, item.style.color)
.addClass(item.className)
.html(item.text)
.appendTo(div);
if (i == select.selectedIndex) {
a.addClass(“selected”);
}
//当选项被点击时，<input> 内容显示为对应 <option>，关闭 <div> 层，同时将事件冒泡给原来的 <select>
a.click(function () {
var n = $(this).index();
select.selectedIndex = n;
input.val(select.options[n].text);
div.hide();
$(select).change();
});
}
//在这里我们判断一个特殊的class名 “noscroll”
//当选项过多时，默认会让选项列表出现滚动条；但如果有 .noscroll 修饰，则强制不出现滚动条
var noscroll = (select.options.length < 10 || $(select).hasClass(“noscroll”));
if (/msie 6/i.test(window.navigator.userAgent)) {
div.css(“height”, noscroll ? “auto” : “215px”).css(“overflow-y”, noscroll ? “hidden” : “scroll”);
} else {
div.css(“max-height”, noscroll ? “10000px” : “215px”);
}
//在这里我们判断一个特殊的class名 “onside”
//如果有 .onside 修饰，弹出的选项层将在侧面，否则是在下面
//注： 此处用到2个函数 locateBeside 和 locateBelow 是本人js库中的方法，稍等另外给出
$(select).hasClass(“onside”)
? div.locateBeside(this, -2)
: div.locateBelow(this, -4);
//对反复点击 <input> 之类的事情，做一些智能调节
if (window.activeDummySelect == select) {
div.slideToggle(100);
} else {
div.hide().slideDown(100);
window.activeDummySelect = select;
}
//在有滚动条的情况下，我们需要将滚动条滚动到当前选中项的位置
if (!select.selectedIndex > 6 && div[0].scrollHeight > div.height()) {
div.scrollTop((select.selectedIndex – 3) * div[0].firstChild.offsetHeight);
}
});
});
//最后别忘了：点击网页上的游离区域时，应该隐藏<div #dummydata>
$(document).click(function (e) {
if (!$(e.target).is(“.dummy”) && !$(e.target).is(“#dummydata”)) {
$(“#dummydata”).hide();
}
});
}
});
上面代码里说用到了2个方法： locateBeside 和 locateBelow， 是本人js库中对 jQuery 的扩展，顺便多赠送2个方法 locate 和 locateCenter
???? 代码如下：
$.fn.extend({
locate: function (x, y) {
if (this.css(“position”) == “fixed”) {
y -= $(document).scrollTop();
}
return this.css({ left: x, top: y });
},
locateBeside: function (el, adjustX) {
var p = $(el).offset(),
w1 = $(el).outerWidth(),
w2 = this.outerWidth(),
h2 = this.outerHeight(),
x = p.left + w1 + 5 + (adjustX || 0),
y = p.top;
if ($(document).width() < x + w2) {
