添加输入框动态填充时,其他输入框
问题描述:
我有这样添加输入框动态填充时,其他输入框
<FORM method="post">
<TABLE>
<TR>
<TD>Username</TD>
<TD><INPUT type="text" value="" name="username" title="Enter Username"/><TD>
</TR>
<TR>
<TD>Age</TD>
<TD><INPUT type="text" value="" name="username" title="Enter Age"/><TD>
</TR>
<TR>
<TD>City</TD>
<TD><INPUT type="text" value="" name="username" title="Enter City"/><TD>
</TR>
<TR>
<TD>Comment</TD>
<TD><INPUT type="text" value="" name="username" title="Enter Comment"/><TD>
</TR>
</TABLE>
</FORM>
形式我想是当用户填充评论框后,当他们按enter键,然后动态地另外的输入框里能够显示与评论标签使用JavaScript。
任何人都可以帮我写的代码...
答
所有的一切都在你表单的输入名称的第一个是相同的(名称=“用户名”),你必须给每个输入唯一的名称。
所以更改注释输入到我的ID添加到TR
<TR id="comment">
<TD>Comment</TD>
<TD><INPUT type="text" value="" name="comment[]" title="Enter Comment"/><TD>
</TR>
注所以它会更容易使用jQuery锁存到它,我也改变了输入的名称是comment[]
因为如果你添加一个新的评论,你会有一个评论数组。
如果新的评论应该有这样一个新的名字:“注释2”,你可以改变它只是“注释”
现在,使用jQuery做到以下几点:
$(document).keypress(function(e) {
//catch enter event
if(e.which == 13) {
var $comment = $('#comments);
//check that the user entered something in the comment input
if($comment.find('input').val().length > 0)
{
//create new comment element and attach it to DOM
var $newComment = $comment.clone().removeAttr('id');
$('form table').append($newComment);
}
}
});
让我知道这是否有帮助,或者您是否需要更多信息。
答
试试这个我的朋友:
<FORM method="post">
<TABLE>
<TR>
<TD>Username</TD>
<TD><INPUT type="text" value="" name="username" title="Enter Username"/><TD>
</TR>
<TR>
<TD>Age</TD>
<TD><INPUT type="text" value="" name="age" title="Enter Age"/><TD>
</TR>
<TR>
<TD>City</TD>
<TD><INPUT type="text" value="" name="city" title="Enter City"/><TD>
</TR>
<TR>
<TD>Comment</TD>
<TD><INPUT class="comment" type="text" value="" name="comment[]" title="Enter Comment"/><TD>
</TR>
</TABLE>
</FORM>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>
$(function(){
$('.comment').live('keydown', function(e){
$field = $(this);
// capture enter key being pressed
if (e.which == 13)
{
$html = $(this).parents('tr').clone();
$html.find('input').val('');
$html.appendTo($field.parents('table'));
}
});
});
</script>
你想它后,才按下“返回”键或后,他们在任何输入? – romo 2012-07-15 09:17:51
当他们进入评论时,当他们按下回车键,在那个时候,另一个输入框必须动态评论标签来 – lucky 2012-07-15 09:20:06
你可以使用jQuery或它必须是直的JavaScript吗? – romo 2012-07-15 09:22:07