1

我正在使用此代码创建动态行，但文本框的值在我键入时没有得到更新。那就是当我键入时，我可以在文本框中看到文本，但是当我获取/检查该值时，它是空的。

我曾尝试对此进行探索，但我无法理解发生了什么，有什么线索吗？

$('#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);

}

4

2 回答 2

2

您没有value在 HTML 中设置属性，因此它将保持为空。只需使用val()而不是attr('value')：

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

或者，您可以value在生成的 HTML 中设置属性，然后使用您现在的方法检索它。

这是一个正常工作的 jsFiddle：http: //jsfiddle.net/Rjrpy/

于 2013-02-28T18:25:50.607 回答
2

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

于 2013-02-28T18:26:13.460 回答