Jquery獲取更改div內容

我已經在頁面（div與類信息）上做了一個表單模板，因爲我不想通過ajax獲取此值，並更改了值。我有兩個按鈕與不同的數據ID &數據電子郵件。按鈕點擊我獲取這兩個數據，並更改信息的div值。然後，divs內容被提取並顯示在demo div中。每次它顯示空白值。有什麼問題？Jquery獲取更改div內容

HTML

<button class="btn" data-id="1" data-email="[email protected]">First Button</button> 
<button class="btn" data-id="2" data-email="[email protected]">Second Button</button> 
    <div class="info"> 
     <input type="text" id="idz" /> 
     <input type="text" id="email" /> 
    </div> 

<div class="demo"> </div>

jQuery的

$(document).on('click', '.btn', function() { 
    var idz = $(this).data('id'); 
    var email = $(this).data('email'); 

    $('#idz').val(idz); 
    $('#email').val(email); 

    var data = $('.info').html(); 
    $('.demo').html(data); 
});

的jsfiddle：http://jsfiddle.net/4D29C/

來源

2013-10-21 Ace

看到這個問題的答案http://stackoverflow.com/questions/7986026/html-input-is-not -updating-value-attribute-on-change –

這是因爲該值屬性不更新，實時值存儲在DOM的價值屬性。您將需要更新的屬性以獲得所需的效果：

$('#idz').val(idz).attr('value',idz); 
    $('#email').val(email).attr('value',email);

見http://jsfiddle.net/4D29C/1/

來源

2013-10-21 19:02:10

我應該使用$（'＃idz'）.val（idz）.attr（'value'，idz）;或$（'＃idz'）。attr（'value'，idz）很好嗎？ – Ace

你應該可以在沒有'val'的情況下使用'attr' –

Jquery獲取更改div內容

回答

相關問題