別のページからdivタグのフィールドを追加する

Question

例えば、セクションの異なる部分からdivタグにフィールドを追加する方法はありますか？

私は

<div id="autoUpdate" class="autoUpdate" style="margin-left: 100px; display: none;" > 
     <table> 
       <tr> 
        <td><bean:message key="password.label" /></td> 
        <td><html:password property="password" maxlength="100" /></td> 
       </tr> 
       <tr> 
        <td><bean:message key="re-type.password.label" /></td> 
        <td><html:password property="password" maxlength="100" /></td> 
      </tr> 

     </table> 
</div> 

今私は、同じHTMLファイルから次のdivタグにbutttonのクリック時に、このdivの中にいくつかのフィールドを追加したいことがあります。

Answer 1

HTML：

<div id="autoUpdate" class="autoUpdate" style="margin-left: 100px; display: none;" > 
     <table> 
       <tr> 
        <td><bean:message key="password.label" /></td> 
        <td><html:password property="password" maxlength="100" /></td> 
       </tr> 
       <tr> 
        <td><bean:message key="re-type.password.label" /></td> 
        <td><html:password property="password" maxlength="100" /></td> 
      </tr> 

     </table> 
</div> 
<div onClick="addField('autoUpdate')">Add Field</div> 

Javascriptを

function addField(field_id){ 
    var div = document.getElementById(field_id); 
    div.innerHTML = div.innerHTML + 'More content'; 
}