Définir les champs d'entrée à la valeur actuelle des éléments d'étiquette

Comment puis-je obtenir la valeur actuelle des éléments d'étiquette dans la fonction showEditionBlock() et les définir dans les champs de saisie correspondants? La fonction montrera la div "edit", mais les entrées n'obtiennent pas les valeurs d'origine des labels.Définir les champs d'entrée à la valeur actuelle des éléments d'étiquette

<html> 
<head> 
     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> 

</head> 
<script> 
$(document).ready(
    function() 
     { 

      $("#companyNameText").keyup(
      function() 
      { 
       $("#companyNameLabel").html(this.value); 
      }); 

      $("#companyCountryText").keyup(
      function() 
      { 
       $("#companyCountryLabel").html(this.value); 
      }); 
    }); 
function showEditionBlock(){ 
    //$("div#edit").css('display','block').fadeIn("slow"); 
    $("div#edit").fadeIn('slow', function(){ 
      $(this).css('display', 'inline'); 
     }); 
    } 

function hideEditionBlock(){ 
    //$("div#edit").css('display','block').fadeIn("slow"); 
    $("div#edit").fadeOut('slow', function(){ 
      $(this).css('display', 'none'); 
     }); 
    } 



</script> 
     <body> 
       <div id="preview"> 
      <fieldset> 
         <label id="companyNameLabel" class="workExperience"> 
           This is my company 
         </label> 
         <label id="companyCountryLabel" class="workExperience"> 
           This is my company Country 
         </label> 
         <input type="button" value="edit" onclick="showEditionBlock();"/> 
      </fieldset> 
       </div> 
       <div id="edit" style="display:none;"> 
      <fieldset> 
         <label>Company Name: </label> 
         <input type="text" id="companyNameText" /> 
         <label>Company Country: </label> 
         <input type="text" id="companyCountryText" /> 
         <input type="button" value="Ok" onclick="hideEditionBlock();"/> 
      </fieldset> 
       </div> 
     </body> 
</html>

Source

2010-08-11 BoDiE2003

Vous devez attribuer les innerHTML des étiquettes aux value s des entrées. En plaine ol » Javascript que vous pouvez faire quelque chose comme:

document.getElementById("companyNameText").value = 
    document.getElementById("companyNameLabel").innerHTML; 
document.getElementById("companyCountryText").value = 
    document.getElementById("companyCountryLabel").innerHTML;

En utilisant jQuery, c'est le même:

$("#companyNameText").val($("#companyNameLabel").html()); 
$("#companyCountryText").val($("#companyCountryLabel").html());

Source

2010-08-11 20:51:30

Définir les champs d'entrée à la valeur actuelle des éléments d'étiquette

Répondre

Questions connexes