亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

模擬select的代碼

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

幾個狀態(tài),展開收起是jquery的slide

這個模擬select,只是很簡單的實現(xiàn)了單獨一個select的部分功能
沒有實現(xiàn)比如optgroup,文字長度自適應(yīng)(圖片會因此修改麻煩)
再說如果頁面多個select,css處理也麻煩,
數(shù)據(jù)、聯(lián)動都要增加大量代碼

小有小的好處,所以就不考慮進行封裝,
這里有不少童鞋做的比我好很多,功能很強大

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

$(document).ready(function(){
var newSelect = $("#aa");
newSelect.click(function(e){
//如果沒有class,即關(guān)閉狀態(tà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;

//如果有選中任何一項,取選中文字執(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://chabaoo.cn/jiaoben/39490.html

相關(guān)文章

最新評論