给个自定义的下拉列表框代码吧--------------------------------?

Question

不要原生的select
<select onchange="changeViewMode(this);">
<option value="5">不显示删除回复</option>
<option value="0">显示所有回复</option>
<option value="1">显示星级回复</option>
<option value="3">显示得分回复</option>
</select>

Answer 1

  <style>
div {font-size:12px; padding:3px; cursor:pointer}
  </style>
  <SCRIPT LANGUAGE="JavaScript">
  <!--
function fun(){
var opts = document.getElementById('opts');
if (opts.style.display=="") opts.style.display='none';
else opts.style.display='';
}
function sel(opt){
var opts = document.getElementById('opts');
var inp = document.getElementById('inp');
inp.value = opt.innerHTML;
inp.optid = opt.value;
opts.style.display='none';
}
  //-->
  </SCRIPT>
  <INPUT TYPE="text" id="inp"><INPUT TYPE="button" VALUE="↓" ONCLICK="fun()">
  <div id="opts" style="width:100px; border:1px solid gray; background:#F6F6FF; display:none">
<div value="5" onmouseover="this.style.background='#EEEEEE'" onmouseout="this.style.background='transparent'" onclick="sel(this)">不显示删除回复</div>
<div value="0" onmouseover="this.style.background='#EEEEEE'" onmouseout="this.style.background='transparent'" onclick="sel(this)">显示所有回复</div>
<div value="1" onmouseover="this.style.background='#EEEEEE'" onmouseout="this.style.background='transparent'" onclick="sel(this)">显示星级回复</div>
<div value="3" onmouseover="this.style.background='#EEEEEE'" onmouseout="this.style.background='transparent'" onclick="sel(this)">显示得分回复</div>
  </div>