動態創建的文本框的值不會更新

Question

我正在使用此代碼創建動態行，但是當我鍵入文本框的值時沒有更新。這是因爲我鍵入我可以看到文本框中的文本，但是當我取/檢查它的值是空的。

我試着探索這個，但我不明白髮生了什麼，任何線索？

$('#add_ans').click(function(){ 
var rowCount = $('table tbody tr').length + 1; 
var rowString = '<tr>\ 
        <td><div class="span_5"><span class="badge badge-success">'+rowCount+'</span></div></td>\ 
        <td><div class="span3"><input type="text" class="input-large" value="" /></div></td>\ 
        <td><div class="span2 pull-right"><b>0</b></div></td>\ 
        <td><div class="span2"><button class="btn btn-success" id="vote'+rowCount+'"><b>Vote!</b> <i class="icon-thumbs-up"></i></button></div></td>\ 
        <td><div class="span2"><button class="btn btn-info" disabled><b>Reviews</b> <i class="icon-ok-circle"></i></button></div></td>\ 
       </tr>' 
$('tbody').append(rowString); 
$('tbody').on("click","#vote"+rowCount,voteOption); 

}）;

和事件處理程序是

function voteOption(){    
    var rowCount = $('tr').index($(this).closest('tr')); 
    alert(rowCount); 
    var ans = $('tr:eq('+rowCount+') .input-large').attr('value'); 
    alert(ans); 

}

Answer 1

使用.val()而不是.attr('value')

Answer 2

你沒有設置你的HTML的value屬性，因此它仍將是空的。只需使用val()代替attr('value')：

var ans = $('tr:eq('+rowCount+') .input-large').val(); 

或者，你可以設置在HTML中value屬性您正在生成，然後用你現在的辦法獲取它。

這裏有一個的jsfiddle它正常工作：http://jsfiddle.net/Rjrpy/