为什么附加输入字段提交不起作用？

Question

当用户输入key press时，我使用Jquery提交form，之后我将另一个<input>字段添加到另一个输入中。但问题是附加输入字段提交不起作用...而是期待旧的。

代码

// html

<div class="ten columns">
  <input id="txt_name" class="u-full-width" name="a" type="text" autofocus>
</div>

// javascript

$('#txt_name').keypress(function (e) {
  if (e.which == 13) {
    $.getJSON('/_main_submit', {
        a: $('input[name="a"]').val(),
    },  function(data){
        $('.after_sub').append(
              '<div class="ten columns">'+
                '<input id="txt_name" class="u-full-width" name="a" type="text" autofocus>'+
              '</div>'
          )
        $('div input').focus();

    })
    return false;
  }
});

Answer 1

DOM中只能有一个具有特定ID的元素。使用类而不是id作为输入字段。如果您希望表单有多个输入字段，那么您的新输入也具有相同的名称，也应该更改。