最近由於專案需要,前端頁面需要做乙個帶複選功能的下拉列表,由於在專案中,需要特定的樣式等,所以,給出核心**以供日後複習:
1.效果圖
2.實現的主要功能
(1)上方提示資訊
(2)沒有核取方塊但是有複選功能
(3)全選和全不選的功能
(4)選擇或者取消後在上方橫線上文字能體現出來
(5)滾動條樣式
3.核心**
因為是從專案中抽出來的,所以**不可直接執行,主要的思路如下:
jsp頁面:
✔全部終端裝置
js**:$('#terminaltype').combo();
var _value="";
var _text="終端裝置";
//提示資訊
$('#terminaltype').combo('settext', _text);
//下拉列表操作
$("#sp div").click(function()else
if(_text!=tt)else
}_text = _text.replace(tt,"");
if(_text=="")
$('#terminaltype').combo('setvalue', _value).combo('settext', _text);
}else{
$(this).find(".checkbox1").css("visibility","visible");
//全選
if(tt=="全部終端裝置"){
tt="";
_text = "";
//1.所有對號出現
$(this).siblings().find(".checkbox1").css("visibility","visible");
//2.重寫text的值
var texts =$(this).siblings().children(".checkboxvalue");
for(var i = 0;i
Django帶搜尋功能的下拉框
原本只做了乙個下拉框,後面隨著資料越來越多,選擇資料就變得很困難。考慮再下拉框中再增加乙個搜尋功能。方法一 django select2 forms 不過對py3和django3的支援不好,會產生報錯,所以我放棄了這個方法。方法二 使用jquery2 select2 可以參考 由於對前端知識掌握不透...
帶核取方塊的ListBox
具體實現步驟舉例如下 1 首先在視窗上拖放乙個listbox控制項,假設其資源id為idc list1 2 如上所述修改該listbox控制項的屬性 lbs ownerdrawfixed lbs hasstrings 3 定義cchecklistbox物件,在視窗類的標頭檔案裡 dlg.h cche...
repeater多行多列帶補齊td功能的實現
aspx list runat server onitemdatabound list itemdatabound onitemcreated list itemcreated 636 border 0 cellpadding 0 cellspacing 1 bgcolor cccccc 24 al...