本文將介紹乙個使用jquery實現的乙個自定義下拉單選框同時支援輸入功能。當然可以根據自己需要,進行二次開發。先圖,看看效果。一、需要的外掛程式
1、jquery1.4+
二、**實現
1、divselect.js
jquery.divselect = function(divselectid,inputselectid) else
});$(divselectid+" ul li a").click(function()
if(endage !="" && endage != undefined)
if((startage =="" || startage == undefined) && (endage =="" || endage == undefined))
$(divselectid+" cite").html(txt);
var value = $(this).attr("selectid");
$("#startage").val(startage);
$("#endage").val(endage);
inputselect.val(value);
if(index>10)else
}});
$(divselectid+" ul li a").dblclick(function()
});
$(divselectid+" ul").hide();
});};
2、index.html
jQuery自定義多選下拉框
專案中需要自定義乙個下拉框多選外掛程式,業務問題還是自己實現比較好 通過 fn 向jquery新增新的方法 下拉資料通過引數傳遞進去,通過呼叫該外掛程式時接收,選擇後的確定與取消事件採用事件傳遞方式 如下 1.效果圖 請選擇 readonly readonly 5div 6 div class dr...
自定義單選按鈕
foo checked before,input type checkbox foo checked,input type checkbox label before input type checkbox checked label before foo沒有引用任何特定的元素,它只是在阻止瀏覽器在...
自定義下拉列表
請選擇span class arrow down i class box prompt up notshow 1li 2li 3li 4li class tri i div div spinner btn spinner btn default txt spinner btn arrow down ...