Question

I have an input box that contains value ‘male’. How can i change that input box
into select that will contain two options ‘male’ and ‘female’ onclick. Any help would be appreciated

<?php

echo '<input type="text" name="gender" id="gender" value="male" onclick="changeSelect();"/>';

?>

htmlPage————————

<script type="text/javascript" > 

 function changeSelect(){


}


</script>

Answer 1

<div id="mydivid"><input type='text' onclick='changeSelect()' value='Men' /></div>

<script>
function changeSelect()  {
    document.getElementById("mydivid").innerHTML = "<select name='gender'><option value='male'>Male</option><option value='female'>Female</option></select>";
  }
  </script>​

Demo