Need "Editable Dropdown"

Question

I need a white box, with a gray border to appear below this text box when the button is clicked. The drop down will have say, 5 to 10 lines of text, which hav the look and feel of the URL drop down at the top of your browser. Can I do this with a div? function $(id) { return document.getElementById(id); }

<div id="keypad" onmouseout="$('keypad').style.display='none'" style="display:none; background:#FFF; vertical-align:top;">

Canvas
Steel
Vinyl
Paper

</div>