html复选框 在下拉框内,在html里，如何在select下拉框里加个checkbox

满意答案

loopsir

2015.09.25

采纳率：43%    等级：9

已帮助：564人

你好，html自带的select元素，是不支持option中带checkbox的，所有如果想实现这样的特殊select，必须自己编写一个功能类似select的下拉框

我实现了一个简单的，你看下就会了，我用的箭头代表的三角，可以直接运行

ul{list-style-type:none;}

li{border:solid 1px;width:100px;}

.liShow{display:block;background:while;}

.liHide{display:none;background:blue;}

var nextState=1;

function change(obj){

var liArray=document.getElementsByTagName("LI");

var i=1;

var length=liArray.length;

switch(nextState){

case 1:

obj.innerHTML="当前选择↑";

for(;i

liArray[i].className="liShow";

}

nextState=0;

break;

case 0:

obj.innerHTML="当前选择↓";

for(;i

liArray[i].className="liHide";

}

nextState=1;

}

}

当前选择↓ 1 2

00分享举报