Javascript：用jquery編輯預覽圖

我有2個div，第一個有標籤，內容要顯示，但是當你點擊「編輯」按鈕時，它應該會顯示div =「edit」和內容鏈接到它的輸入內的第一個標籤（相同的id）。Javascript：用jquery編輯預覽圖

通過其他方式，我看到了一些網站，當您在該輸入內輸入內容時，「預覽」div的原始標籤即時更新。

有人可以幫我的腳本？謝謝！

<html> 
     <body> 
       <div id="preview"> 
         <label id="companyName" class="workExperience"> 
           This is my company 
         </label> 
         <label id="companyCountry" class="workExperience"> 
           This is my company Country 
         </label> 
         <input type="button" value="edit"/> 
       </div> 
       <div id="edit"> 
         <label>Company Name: </label> 
         <input type="text" id="companyName" /> 
         <label>Company Country: </label> 
         <input type="text" id="companyCountry" /> 
       </div> 
     </body> 
</html>

來源

2010-08-11 BoDiE2003

你可以使用類似下面的東西。但請注意，我將字段的id更改爲不同。在同一頁面上給同一個ID多個控件並不是一個好習慣。有些瀏覽器不適用於此，它確實沒有任何意義。

$(document).ready(
    function() 
    { 
     $("#companyNameText").keypress(
      function() 
      { 
       $("#companyNameLabel").html(this.value); 
      }); 

     $("#companyCountryText").keypress(
      function() 
      { 
       $("#companyCountryLabel").html(this.value); 
      }); 
    });

來源

2010-08-11 19:25:34 spinon

它的工作，但它削減爲什麼我鍵入的最後一個字符，它不顯示它，除非我在它後面添加另一個字符。 – BoDiE2003 2010-08-11 19:32:14

將'keypress'改爲'keyup'。 – SLaks 2010-08-11 19:41:08

是的好點。謝謝@SLaks。 – spinon 2010-08-11 19:43:15

Javascript：用jquery編輯預覽圖

回答

相關問題