Skip to content

Instantly share code, notes, and snippets.

@Marak
Created March 18, 2010 20:59
Show Gist options
  • Save Marak/336883 to your computer and use it in GitHub Desktop.
Save Marak/336883 to your computer and use it in GitHub Desktop.
$('#addSpeaker').click(function(e){
// i think we could use clone() here instead of trying having the HTML frag inside a string
$('#speakersTable').append('<tr><td><table class = "speakerItem"><tr>\
<td>speaker name</td>\
<td><input type="text" name="newsletter[speakers][][name]" id="newsletter_speakers_name"/></td>\
</tr>\
<tr>\
<td>speaker description</td>\
<td><input type="text" name="newsletter[speakers][][description]" id="newsletter_speakers_description"/></td>\
<td rowspan = "2"><button name = "removeSpeaker" id = "removeSpeaker">remove speaker</button></td>\
</tr></table></td></tr>');
// cancel event bubbling
return false;
});
<table border = "1" id = "speakersTable">
<tr>
<td>
<table class = "speakerItem">
<tr>
<td>speaker name</td>
<td><input type="text" name="newsletter[speakers][][name]" id="newsletter_speakers_name"/></td>
</tr>
<tr>
<td>speaker description</td>
<td><input type="text" name="newsletter[speakers][][description]" id="newsletter_speakers_description"/></td>
<td rowspan = "2">
<button name = "removeSpeaker" id = "removeSpeaker">remove speaker</button>
</td>
</tr>
</table>
</td>
</tr>
</table>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment