create a dropdownlist using button

hi,

can we create a drop down list by using a "button" ,instead of using menu strip.By using menu control we can add items into it.

but I want to know that is possible to create dropdownlist to a button.

if anyone know.pls reply.

regards

srinivas

Hi there.

You can do this by creating your menu, set its display to none then on the client side onclick event you can change display from none to block. I would also suggest absolutely positioning your hidden menu so you can set its z-index to a higher number so it will sit on top of the page rather than pushing all of your content down

Something like the following:

<!DOCTYPE html>
 
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>Drop down menu on button clicktitle>
    <style type="text/css">
        #menu {
               position:absolute;
               top:50px;
               z-index:50;
            width:100%;
            background:#808080;
            color: #ffffff;
        }
        .menu1 {
            display:none;
        }
        .menu2 {
            display:block;
        }
    style>
head>
 
<body>
            <button id="btnMenu" onclick="buttonclick();" >Click me!button>
       <ul id="menu" class="menu1">
           <li>Item 1li>
           <li>Item 2li>
           <li>Item 3li>
       ul>
    <hr />
    <script type="text/javascript">
       function buttonclick() {
           var menuList = document.getElementById("menu");
           if (menuList.className == "menu1") {
               
               menuList.className = "menu2";
           }
           else {
               
               menuList.className = "menu1";
           }
        }
    script>
body>
html>

I have written a little example for you above. The menu itself, i.e. the ul, could be interchanged with what ever you want, for example, it could be a series of div's or If you are that way inclined it could be a table. It could be a list of images the possibilities are endless. I hope this helps :) I look forward to your feed back

Kind Regards

Michael Griffiths

3 Replies

Know the answer? Post it — somebody with the same question will find it here.

Michael Griffiths10y ago

Chandu Kumawat10y ago
http://www.codeproject.com/Tips/590903/How-to-Create-a-Dropdown-Button-Control
Amit Kumar Singh10y ago
http://www.aspsnippets.com/Articles/Programmatically-add-items-to-DropDownList-on-Button-Click-in-ASPNet-using-C-and-VBNet.aspx

http://stackoverflow.com/questions/15094957/get-new-dropdownlist-boxes-on-button-click-in-asp-net-c-sharp-with-different-ids