Transmission d'un ensemble de données entrées par l'utilisateur à une autre zone d'un formulaire

Question

J'ai créé deux tables. Le premier est pour l'adresse postale (mailing street, city et etc). La deuxième table est pour l'adresse de livraison. Les champs sont presque les mêmes que l'adresse postale. Supposons que l'adresse de livraison est la même que l'adresse postale. Comment puis-je créer un bouton radio qui va copier les données dans la première table à la deuxième table?

Les données entrées par l'utilisateur seront enregistrées dans une base de données MySQL. Est-ce que quelqu'un peut me montrer comment cela peut être fait? Voici ce que je l'ai essayé jusqu'à présent:

<script type="text/javascript"> 
function data_copy(){ 
    if(document.form1.copy[0].checked){ 
     document.form1.txtmailing_add2.value=document.form1.txtmailing_add1.value;   document.form1.Address.txtother_street.value=document.form1.Address.txtmailing_street.value; 
     document.form1.Address.txtother_city.value=document.form1.Address.txtmailing_city.value;  document.form1.Address.txtother_state.value=document.form1.Address.txtmailing_state.value; 
     document.form1.Address.txtother_postcode.value=document.form1.Address.txtmailing_postcode.value;   document.form1.Address.txtother_country.value=document.form1.Address.txtmailing_country.value; 
    } 
    else{ 
     document.form1.Address.txtmailing_add2.value=""; 
     document.form1.Address.txtother_street.value=""; 
     document.form1.Address.txtother_city.value=""; 
     document.form1.Address.txtother_state.value=""; 
     document.form1.Address.txtother_postcode.value=""; 
     document.form1.Address.txtother_country.value=""; 
    } 
} 

</script> 

<form name=form1 method=post action=""> 
</form> 

Answer 1

<script type="text/javascript"> 

function data_copy() { 

    // assuming naming conventions are consistent. 
    var fieldIDs = ['street', 'city', 'state', 'postcode', 'country']; 

    var copy = document.getElementsByName('copy'); //using name attribute for reference 

    if (copy[0].checked) { 

     // note we are expecting the 'id' attribute to be set for the elements. 
     var txtmailing_add1 = document.getElementById('txtmailing_add1'); 
     var txtmailing_add2 = document.getElementById('txtmailing_add2'); 

     // make sure we have valid objects before accessing their properties 
     if (txtmailing_add1 && txtmailing_add2) { 
      txtmailing_add2.value = txtmailing_add1.value; 
     } 

     // for the remaining fields we can look our field id list and generate an id 
     // by combining the expected convention with the given unique string 
     for (var j = 0; j < fieldIDs.length; j++) {     
      var mailingField = document.getElementById('txtmailing_' + fieldIDs[j]); 
      var otherField = document.getElementById('txtother_' + fieldIDs[j]); 
      if (mailingField && otherField) { 
       otherField.value = mailingField.value; 
      } 
     } 

    } 
    else { 
     // same process, just skipping the 'mailing' fields 
     var txtmailing_add2 = document.getElementById('txtmailing_add2'); 

     if (txtmailing_add2) { 
      txtmailing_add2.value = ''; 
     } 

     for (var j = 0; j < fieldIDs.length; j++) { 
      var otherField = document.getElementById('txtother_' + fieldIDs[j]); 
      if (otherField) { 
       otherField.value = ''; 
      } 
     } 
    } 
} 

</script> 
<form name="form1" method="post" action="" onsubmit="data_copy();"> 
copy: <br /> 
<input type="radio" name="copy" value="1" /> yes<br /> 
<input type="radio" name="copy" value="0" /> no<br /> 
<!-- form fields --> 
</form>