JQUERY自定義下拉單選加可輸入的SELECT

2021-06-26 09:21:06 字數 853 閱讀 4130

本文將介紹乙個使用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 ...