如何在jquery表单元素div标签之前关闭div标签

时间:2013-09-23 10:29:54

标签: javascript jquery html css

请帮我这个..我有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元素,其他人不会得到,请帮助我。谢谢。

0 个答案:

没有答案