单击按钮以打开选择选项列表

时间:2014-07-13 19:03:14

标签: javascript jquery drop-down-menu

这是否可以通过点击js / jquery中的项目选项打开下拉列表?你可以帮忙解决这个问题吗?

1 个答案:

答案 0 :(得分:0)

像这样:http://jsfiddle.net/Tkshz/

如果var X等于0,则表示该列表可见,因此它隐藏了列表。如果var X等于1,则表示列表不可见,因此显示列表。 HTML不是特别的,只是一个常规列表。

<强> JAVASCRIPT:

var x = 0;

function dropDown(){
    if(x == 0){
        document.getElementById("dropdown").style.display="none";
        x = 1;
    }else{
        document.getElementById("dropdown").style.display="block";
        x = 0;
    }
}

<强> HTML:

<button onclick="dropDown()">Show options</button>
<ul id="dropdown">
    <li><a href="google.com">Option 1</a></li>
    <li><a href="google.com">Option 2</a></li>
    <li><a href="google.com">Option 3</a></li>
    <li><a href="google.com">Option 4</a></li>
</ul>