2010-09-03 155 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