What is the best way to clone a form field in BC

Question

Hi,
What is the best way to clone a form field in BC.  I tried using jquery .clone.  It works fine on other forms for me but not on the BC forms, why? is it just me?  Any help would be great. Thanks

Answer 1

I mean, duplicate a field with the click of a button.
I think this should work, but it's not and  I am linked to the jquery library in the head of my page.
<script type="text/javascript">
$(document).ready(
  function() {
    $('input#tmpAddRow').click(
      function($e) {
        $e.preventDefault();
        $('tr#tmp').clone(true).removeAttr('id').appendTo('tbody');
    $('tr input[type=text]').focus(
      function() {
        $(this).addClass('myFocused');  
    ).blur(
      function() {
        $(this).removeClass('myFocused');
    </script>
<img alt="" style="border: 0px solid; width: 200px; height: 134px; float: left;" src="/images/pv logo 3d.png" />
<h3 style="text-align: center; color: #0000ff; text-shadow: #999999 0px 1px 5px;">Member Directory Listing</h3>
<p style="text-align: center;">If you would like to be listed in the Pine Valley Middle School Directory, please fill out this form.  Only fill out the areas you would like to show up in our Directory.</p>
<div style="margin-left: 130px;" class="form_bg">
<form action="/CustomContentProcess.aspx?CCID=5656&amp;OID={module_oid}&amp;OTYPE={module_otype }" method="post" enctype="multipart/form-data" onsubmit="return checkWholeForm45842(this)" name="catcustomcontentform45842">
    <table cellspacing="0" cellpadding="2" border="0" class="webform">
        <tbody>
            <tr>
                <td id="tmp"><label for="ItemName">First Name</label><br />
                <input type="text" value="{module_firstname}" maxlength="255" id="ItemName" name="ItemName" class="cat_textbox_small" /><br />
                <input type="button" id="tmpAddRow" value="Add a Row" />
                </td>
            </tr>
            <tr>
                <td><label for="CAT_Custom_131512">Last Name</label><br />
                <input type="text" value="{module_lastname}" class="cat_textbox" id="CAT_Custom_131512" name="CAT_Custom_131512" maxlength="1024" /></td>
            </tr>
            <tr>
                <td><label for="CAT_Custom_131509">Number</label><br />
                <input type="text" value="{module_homephone}" class="cat_textbox" id="CAT_Custom_131509" name="CAT_Custom_131509" maxlength="1024" />
                </td>
            </tr>
            <tr>
                <td><label for="CAT_Custom_131510">Email</label><br />
                <input type="text" value="{module_emailaddress}" class="cat_textbox" id="CAT_Custom_131510" name="CAT_Custom_131510" maxlength="1024" /></td>
            </tr>
            <tr>
                <td><label for="ItemAddress">Address</label><br />
                <input type="text" value="{module_homeaddress}" maxlength="500" class="cat_textbox" id="ItemAddress" name="ItemAddress" />
                </td>
            </tr>
            <tr>
                <td><label for="ItemCity">City</label><br />
                <input type="text" value="{module_homecity}" maxlength="255" class="cat_textbox" id="ItemCity" name="ItemCity" /></td>
            </tr>
            <tr>
                <td><label for="ItemState">State</label><br />
                <input type="text" value="{module_homestate}" maxlength="255" class="cat_textbox" id="ItemState" name="ItemState" />
                </td>
            </tr>
            <tr>
                <td><label for="ItemZip">Zipcode/Postcode</label><br />
                <input type="text" value="{module_homezip}" maxlength="255" class="cat_textbox" id="ItemZip" name="ItemZip" /></td>
            </tr>
            <tr>
                <td class="hidden"><label for="FirstName">First Name</label><br />
                <input type="text" value="{module_firstname}" class="cat_textbox" id="FirstName" name="CAT_Custom_131511" maxlength="1024" /></td>
            </tr>
            <tr>
                <td><input type="submit" id="catcustomcontentbutton" value="Submit" class="cat_button" /></td>
            </tr>
        </tbody>
    </table>
    <script type="text/javascript" src="/CatalystScripts/ValidationFunctions.js"></script>
    <script type="text/javascript" src="/CatalystScripts/Java_DatePicker.js"></script>
    <script type="text/javascript">
//<![CDATA[
var submitcount45842 = 0;function checkWholeForm45842(theForm){var why = "";if (theForm.ItemName) why += isEmpty(theForm.ItemName.value, "Item Name");if (theForm.Days) why += isNumericIfVisible(theForm.Days, "days"); if (why != ""){alert(why);return false;}if(submitcount45842 == 0){submitcount45842++;theForm.submit();return false;}else{alert("Form submission is in progress.");return false;}}
//]]>
</script>
    <script type="text/javascript">
    jQuery("#ItemName").blur(function(){
        jQuery("#FirstName").val(jQuery("#ItemName").val());
</script>
</form>
</div>