欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

模擬select的代碼

 更新時(shí)間：2011年10月19日 19:34:57   作者：  
模擬select的代碼，使用jquery的朋友可以參考下。
幾年前不知道在哪下載的源碼上改的，去年開(kāi)始學(xué)jquery，就改了一下，代碼有點(diǎn)亂。
只是自己用，沒(méi)有考慮寫成通用的組件，所以童鞋們?nèi)绻娴囊萌ビ玫脑捰悬c(diǎn)麻煩

幾個(gè)狀態(tài)，展開(kāi)收起是jquery的slide

這個(gè)模擬select，只是很簡(jiǎn)單的實(shí)現(xiàn)了單獨(dú)一個(gè)select的部分功能
沒(méi)有實(shí)現(xiàn)比如optgroup，文字長(zhǎng)度自適應(yīng)（圖片會(huì)因此修改麻煩）
再說(shuō)如果頁(yè)面多個(gè)select，css處理也麻煩，
數(shù)據(jù)、聯(lián)動(dòng)都要增加大量代碼

小有小的好處，所以就不考慮進(jìn)行封裝，
這里有不少童鞋做的比我好很多，功能很強(qiáng)大

再所以，就偷一下懶，在這里送上js注釋給初學(xué)者
復(fù)制代碼 代碼如下:

$(document).ready(function(){
var newSelect = $("#aa");
newSelect.click(function(e){
//如果沒(méi)有class，即關(guān)閉狀態(tài)，就展開(kāi)
//打開(kāi)狀態(tài)就不需要處理，冒泡執(zhí)行document.click
if(this.className == ""){
this.className = "open";
$(this.nextSibling).slideDown("fast");
e.stopPropagation();//阻止冒泡
}
});

//關(guān)閉收起
function closeSelect(obj){
$(obj.nextSibling).slideUp("fast",function(){
obj.className = "";
});
}
$(document).bind("click", function() {
closeSelect(newSelect[0]);
});
newSelect.next().click(function(e){
var src = e.target;

//如果有選中任何一項(xiàng)，取選中文字執(zhí)行替換操作并改變樣式，相當(dāng)于select.onchange
//冒泡執(zhí)行document.click關(guān)閉收起
if(src.tagName == "A"){
var PObj = src.parentNode;
PObj.previousSibling.innerHTML = src.innerHTML;
$(src).siblings().removeClass();
src.className = "current";
PObj.nextSibling.value = src.getAttribute("value");
}
});
});

演示地址：http://demo.jb51.net/js/2011/jquery_select/
打包下載：http://www.dbjr.com.cn/jiaoben/39490.html

相關(guān)文章

最新評(píng)論