[jQuery] on hover/click change textbox to select list

[jQuery] on hover/click change textbox to select list


I have this HTml code
<div id="main">
Select <input type="text" id="#citylist"/>
<a href="#" >City list</a>
<p class="citylist">here
</div>
and a php file (citylist.php)which return list of cities.
What I want is when I click City list textbox must be changes to
select list, with options from citylist.php.