用javascript实现select的美化

childCreate=true;

for (var i=0;i<obj.options.length;i++){

//将原始的select标签中的options添加到li中

var lLi=document.createElement("li");

lLi.id=obj.options[i].value;

lLi.style.textIndent="4px";

lLi.style.height="20px";

lLi.style.lineHeight="20px";

lLi.innerHTML=obj.options[i].innerHTML;

uUl.appendChild(lLi);

}

var liObj=document.getElementById("uUlchild" + obj.name).getElementsByTagName("li");

for (var j=0;j<obj.options.length;j++){

//为li标签添加鼠标事件

liObj[j].onmouseover=function(){

this.style.background="gray";

this.style.color="white";

}

liObj[j].onmouseout=function(){

this.style.background="white";

this.style.color="black";

}

liObj[j].onclick=function(){

//做两件事情，一是将用户选择的保存到原始select标签中，要不做的再好看表单递交后也获取不到select的值了。