javascript - 下拉 css/javascript 框

标签 javascript html css

我找到了一些自定义绘制的下拉框来替换 HTML select 元素的解决方案,即 jquery-image-dropdown 解决方案。

但是,我怎样才能得到一个需要点击才能打开的框,并在顶部 overdraw 所选元素,如:http://www.xero.com/

抱歉,如果这有点令人困惑,基本上我正在寻找与此类似的解决方案。

干杯。

最佳答案

您可以从 stratch 开始,并不复杂。

示例:

<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>

关于javascript - 下拉 css/javascript 框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3634746/

相关文章:

javascript - 如何使用 chrome 扩展程序保存页面

如果放在文件顶部,javascript 代码不起作用

css - 如何在固定和居中元素上设置自动宽度?

css - 淡入淡出过渡的 JavaFX 问题

Javascript 代码作为变量

javascript - 如何删除最后一级元素中的CSS属性?

javascript - $ ('body' ).on ('click' ) 不工作

css - IE7缺失元素背景图片

javascript - 同步两个可拖动元素的位置

php - 双体标签导致 Wordpress 网站无法正常工作