javascript - Confusion performing 2 .finds() after cloning a div -
hi have following code seen below whch adds new row consisting of text field , radio button, have written js add new row, , use .find() append new input field blank value. new js , want perform .find() when cloning add value radio input, show me how please.
<div id='1'> <div class="template"> <div> <label class="right inline">response:</label> </div> <div> <input type="text" name="responsetext[]" value="" maxlength="400" /> </div> <div> <input type="radio" name="responseradio[]" value="" /> </div> </div> <div> <input type="button" name="addnewrow" value="add row" /> </div> </div>
js add new row:
var $template = $('.template'); $('input[type=button]').click(function() { $template.clone().insertafter($template).find("input:text").val(""); });
just cloned template , use method on before inserting back:
var $template = $('.template'); $('input[type=button]').click(function() { var $elem = $template.clone(); $elem.find("input:text").val(""); $elem.find("input:radio").val("whatever"); $elem.insertafter($template); });
here's fiddle: http://jsfiddle.net/swcpd/1/
Comments
Post a Comment