通過jQuery內部頁面加載更改的內容

Question

我有這個：

<div style='display:none' id='myDiv'>
  <input type='text' value='' id='text1'>
  <input type='text' value='' id='text2'>
<div>

<ul>
<li> <a href="#" onClick="$('#text1').val('Hello1');
                          $('#text2').val('Hello2');">Load content</a>
   <span id='divLoader'></span> 
</li>
</ul>

我想加載到#divLoader ，從事業部內容#myDiv ，但與#text1和#text2顯示，如果我有更多的a links它會改變相等。

提前致謝。

Answer 1

<div style='display:none' id='myDiv'>
  <input type='text' value='' id='text1'/>
  <input type='text' value='' id='text2'/>
</div>

<ul>
<li> <a href="#" onClick="$('#text1').val('Hello1');
                          $('#text2').val('Hello2');
                          $('#divLoader').html($('#myDiv').html());">Load content</a>
   <span id='divLoader'></span> 
</li>
</ul>

但最好將該代碼放入<script>標記中

$(function() {
   $('ul li a').click(function() {
       $('#text1').val('Hello1');
       $('#text2').val('Hello2');
       $('#divLoader').html($('#myDiv').html());
   });
});