jQuery从动态输入中获取值并追加

Question

如何使用jQuery获取表单输入值，然后将值放入另一个输入以及标记中。表单是动态的，这意味着有一个按钮可以创建新的输入。

我要求输入项目名称，然后当您单击添加新字段时，它会在页面上添加新字段。但我想从添加新输入，输入表单中获取项目名称，并将其显示在生成的字段之上，并在输入（生成）字段中的一个作为值。

以下是项目名称应为h3的代码 - ＆gt; '<h3 class="tyonNimi'+rowNum+'"></h3>'输入 - ＆gt; '<input id="etuNimi'+rowNum+'"" name="etuNimi[]" placeholder="Etunimi" type="text">'完整代码位于下方。

这是一张它应该是什么样子的图片：

<h3>将是代码，不会显示在文本中。仅显示项目名称。

jQUery代码：

 $(document).ready(function() {

    var rowNum = 0;
    function addRow(frm) {
            rowNum ++;
            var tyonNimi = $(".inputRow").closest("#etuNimi").val();
            var row =  '<div class="inputRow'+rowNum+'">' + '<h3 class="tyonNimi'+rowNum+'"></h3>' + '<label for="etuNimi">Etunimi: </label>' + '<input id="etuNimi'+rowNum+'"" name="etuNimi[]" placeholder="Etunimi" type="text">' + '<label for="sukuNimi">Sukunimi: </label>' + '<input id="sukuNimi'+rowNum+'"" name="sukuNimi[]" placeholder="Sukunimi" type="text">' + '</div>';
            jQuery('#inputRow-Dynamic').append(row);

        }

    $('a.addField').click(function(e){
        event.preventDefault();
        addRow(1, false);
        var prjNimi = $(".projektinNimi").val();
        $('.projektinNimi').val(prjNimi);
    });

});

HTML代码：

    <div id="inputRow-Dynamic"></div>
   <a class="submitButton" href="#" onclick="document.palkkalaskuri.submit(); return false;">Laske</a>
<label for="projektinNimi">Projektin Nimi: </label><input id="projektinNimi" name="projektinNimi[]" placeholder="Projektin nimi" type="text"><a class="addField" href="#">Add Fields</a>

Answer 1

致电$('a.addField').click(function(e)时，您需要使用e.preventDefault()。你声明e作为参数，你必须使用变量名'e'，而不是'event'。更正此问题应在输入框顶部添加新行。