[jQuery] Dynamically Created TextArea
I am creating a form to where a user will be able to create as many
additional textareas as they would like. However, I need to add the
ability to have them be able to click "remove" next to the added
textareas so that that textarea will be removed. I would like the
"remove" to be an option up until only one textarea remains. The
following is what I have creating the textareas on the click of
"add_description"
$("#add_description").click(function(){
$(':input[type="textarea"]:last').after("<textarea id='description"
+ $(':input[type="textarea"]').length +"' name='description" + $
(':input[type="textarea"]').length + "' tabindex='11' cols='80'
rows='5' class='xlarge' style='width: 460px; margin-top: 10px;'></
textarea>");
return false;
});
Any help is greatly appreciated.
Seth