Convert Dropdown to Textbox with JQuery

Here is the simple way to convert dropdown to text.


<style> .red{background:red;} </style> <select id='ddl'> <option value='1'>Item1</option> <option value='2'>Item2</option> <option value='3'>Item3</option> <option value='4'>Other</option> </select> <select id='ddl2'> <option value='1'>Item1</option> <option value='2'>Item2</option> <option value='3'>Item3</option> <option value='4'>Item4</option> </select> <script> //runtime on selection of option = 4 $('#ddl').live('change', function () { if ((this.value) == 4) { $(this).replaceWith($('<input/>',{'type':'text','value':'Other'})); } }); $("#ddl2").replaceWith($('<input/>',{'type':'text','value':'Other','readonly':'readonly','class':'red'})); </script>