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

Popular posts from this blog

windows - Single EXE to Install Python Standalone Executable for Easy Distribution -

c# - Access objects in UserControl from MainWindow in WPF -

javascript - How to name a jQuery function to make a browser's back button work? -