0

请帮我解决这个问题。我有 jquery 表单元素脚本,可以在单击添加按钮时添加表单元素。当我在这个 jquery 表单元素 div 标签之前关闭其他 div 标签时,它不会得到期望的输出。这是我的代码。

<html>
<head>
    <script type="text/javascript">
            function trimNums(stringToTrim)
            {
                return stringToTrim.replace(/\d+$/,"");
            }

            function dupForm(divId, divClass, btnAdd, btnRm)
            {
            //alert(divId+'   '+divClass);
                var num     = $(divClass).length;
                var newNum  = new Number(num + 1);
                var i;

                var newElem = $('#' + divId + num).clone().attr('id', divId + newNum);

                for (i=0; i < newElem.children().length; i++)
                {
                    var attrId = trimNums(newElem.children(':eq('+i+')').attr('id'));
                    var attrName = trimNums(newElem.children(':eq('+i+')').attr('name'));

                    newElem.children(':eq('+i+')').attr('id', attrId + newNum).attr('name', attrName + newNum);
                }
                $('#' + divId + num).after(newElem);
                $('#' + btnRm).attr('disabled','');

                if (newNum == 15)
                    $('#' + btnAdd).attr('disabled','disabled');
            }

            function rmForm(divId, divClass, btnAdd, btnRm)
            {
                var num = $(divClass).length;

                $('#' + divId + num).remove();
                $('#' + btnAdd).attr('disabled','');

                if (num-1 == 1)
                    $('#' + btnRm).attr('disabled','disabled');
            }

        </script>
</head>
<body>
<form id="form" action="bkpdf.php" method="post">
<div id="input1" style="margin-bottom:4px;" class="clonedInput">
First Name: <input type="text" name="firstname1" id="firstname1" />
Last Name: <input type="text" name="lastname1" id="lastname1" />
Email: <input type="text" name="email1" id="email1" />
</div>

 <div>
        <input type="button" id="btnAdd" onclick="dupForm('input', '.clonedInput', 'btnAdd', 'btnDel');" value="add another name" />
        <input type="button" id="btnDel" onclick="rmForm('input', '.clonedInput', 'btnAdd', 'btnDel');" value="remove name" />
<input type="submit" id="submit" value="Submit" /> 

 </div>  

</form>
</body>
</html>

我想在表单标记之后的正文中的 jquery div 元素之前添加这个。

<div class="grid_9">
<form id="form" action="bkpdf.php" method="post">
<h3 class="head2">INFO PAGE 1</h3>
      <form id="form" method="post" action="bkpdf.php">
      <fieldset>
      <legend>BOOKING NUMBER</legend>
      <label class="textfield">
      <input type="text" name="bknum">
      <br class="clear">
      </label>
      </fieldset>
</div>

这个可以很容易的将元素转入表格,我尝试了几种方法,但都没有成功。我只得到一个 div 元素,其他人不会得到,请帮助我。谢谢你。

4

0 回答 0