Edit in JSFiddle

$('.alert').hide();
$('#test').focus(function() {
    $clone = $(this).clone();
    $(this).replaceWith($clone);
    $('.alert').show();
});
$('.alert').click(function() {
    $(this).hide();
});

<select id="test">
    <option></option>
    <option>Option 1</option>
    <option>Option 2</option>
    <option>Option 3</option>
</select>
<div class="alert">Select clicked</div>

div.alert{
    position:fixed;
    top:0;
    width:100px;
    height:100px;
    background:black;
    color:white;
}