When the edit button is clicked, I need to display text boxes and list boxes. Can someone please provide suggestions on how to accomplish this?
HTML:
<div class="textboxes">
<ul>
<li><input type="text" id="txt" /></li>
<li><input type="text" id="txt" /></li>
<li><input type="text" id="txt" /></li>
</ul>
</div>
<input type="button" value="Edit" id="editBut" />
Javascript:
$("input[type='text']").blur(function(){
$(this).hide().after('<span class="dfk">' + $(this).val() + '</span>');
});
Check out the js fiddle here: http://jsfiddle.net/thilakar/yvNuC/11/
Thank you!