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>

formタグの直後のボディの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 要素を1つだけ取得していますが、他の要素は取得できません。助けてください。ありがとうございました。

4

0 に答える 0