Javascript：使用jquery编辑预览

我有2个div，第一个有显示内容的标签，但是当你点击“编辑”按钮时，它应该显示div =“edit”和输入中第一个标签的内容链接到它（相同的id）。

换句话说，我看到网站，当你在输入中输入内容时，“预览”div的原始标签会实时更新。

有人可以帮我写剧本吗？ 谢谢！

  
  This is my company   This is my company Country   
 
 Company Name:   Company Country:   
   

Answer 1

你可以使用下面的东西。 请注意，我将字段的ID更改为不同。 在同一页面上为同一个id提供多个控件并不是一个好习惯。 有些浏览器无法使用它，反正它真的没有意义。

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