Show dropdown on Button Click

by Akram kamal

HTML

<label for ="test">TEST:</label>
<input id="test" type="button" name="test" value="Testing"/>

<div></div>

CSS

div {
    margin-top: 25px;
}
select {
    width: 120px;
    margin: 0 0 10px 0;
}

JavaScript

$(function(){
    $('#test').click(function(){
        $(this).replaceWith('<select name="LIVINGSTYLE" id="test">'+
                          '<option value="1">Option 1</option>'+
                          '<option value="2">Option 2</option>'+
                          '<option value="3">Option 3</option>'+
                          '<option value="4">Option 4</option>'+
                        '</select>');
    });
});