2010-09-03 56 views
2

我发现了一些自定义绘制下拉框来替换HTML select元素的解决方案,即jquery-image-dropdown解决方案。Dropdown css/javascript boxes

但是,我怎么能得到一个箱子需要点击打开,并在顶部透支所选择的项目,如:http://www.xero.com/

很抱歉,如果这是一个有点混乱,基本上是我在寻找一个类似的解决方案。

干杯。

回答

2

你可以从零开始,它并不复杂。

样品:

<html> 
    <script> 
     function ShowList() 
     { 
      document.getElementById("List").style.display = "block";     
      document.getElementById("ChangeLocation").style.display = "none"; 
     } 
    </script> 
<body> 
    <span id="ChangeLocation" onclick="javascript:ShowList();">Change location</span> 
    <ul id="List" style="display:none"> 
     <li>Global</li> 
     <li>United Kingdom</li> 
     <li>Australia</li> 
    <ul> 
</body> 
</html> 
+0

太好了!非常有用的例子! – awe 2010-09-03 10:53:55