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

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。您的新输入也具有相同的名称，如果您希望表单有多个输入字段，则也应该更改该名称。