添加输入框动态填充时，其他输入框

我有这样添加输入框动态填充时，其他输入框

<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。

任何人都可以帮我写的代码...

来源

2012-07-15 lucky

你想它后，才按下“返回”键或后，他们在任何输入？ – romo 2012-07-15 09:17:51

当他们进入评论时，当他们按下回车键，在那个时候，另一个输入框必须动态评论标签来 – lucky 2012-07-15 09:20:06

你可以使用jQuery或它必须是直的JavaScript吗？ – romo 2012-07-15 09:22:07

所有的一切都在你表单的输入名称的第一个是相同的（名称=“用户名”），你必须给每个输入唯一的名称。

所以更改注释输入到我的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); 
     } 
    } 
});

让我知道这是否有帮助，或者您是否需要更多信息。

来源

2012-07-15 10:19:27 Tomer

试试这个我的朋友：

<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>

来源

2012-07-15 10:20:45 Dale

添加输入框动态填充时，其他输入框

回答

相关问题