Php 如何使用jquery将文本框添加到分割区域

Hi-im使用codeigniter PHP和jquery javascript函数为时间创建一个文本框，该文本框已格式化

我希望jquery函数将我的文本框添加到其他文本框的行中，而不是将它们添加到页面底部

图片-->

这是我的php文件。我知道这很混乱，但我对这一切都不熟悉

        <script type="text/javascript"> var i = 0; </script> 

<?php
        for ($i=0; $i< 20; $i++)
        {


?>

   <script type="text/javascript">     

         var input = $("<input>", { //this bit will be removed in the form
                name: 'time'+i,
                val: '00:00:00',
                maxlength: '8',
                size: '5'
            });
            i++;
            input.click(function() {

                $(this).prop({
                    selectionStart: 0,
                    selectionEnd: 0
                });

            }).keydown(function() {

                var sel = $(this).prop('selectionStart'),
                    val = $(this).val(),
                    newsel = sel === 2 ? 3: sel;
                    newsel = sel === 5 ? 6: newsel;

                $(this).val(val.substring(0, newsel) + val.substring(newsel + 1))

                .prop({
                    selectionStart: newsel,
                    selectionEnd: newsel
                });
            });

            $('body').append(('#timearea_DIV').html());

         </script>

            <?php
      echo '<div id="timearea"></div> //THIS IS WHERE THE jquery generated textboxes must go!';

    //the event itself
            echo form_input ('event'.$i , set_value ('event'.$i)); 
    //supplies used
            echo form_input ('supplies'.$i, set_value ('supplies'.$i)); 
    //what is the manufacturer
            echo form_input ('manufacturer'.$i, set_value ('manufacturer'.$i));
    //quantity
            echo form_input ('quantity'.$i, set_value ('quantity'.$i));
    //was the event successful?
            echo form_dropdown ('success'.$i, $yesno , set_value ('success'.$i)); 
    //comment if necessary
            echo form_input ('comment'.$i , set_value ('comment'.$i)); 
     echo '<br/>';
    }

        //end of for loop

var i=0；
变量输入=$（“”，{//此位将在表单中删除
名称：'时间'+i，
瓦尔：“00:00:00”，
maxlength:'8'，
尺码：“5”
});
i++；
输入。单击（函数（）{
$（这个）({
选择开始：0，
selectionEnd:0
});
}).keydown（函数（）{
var sel=$（this.prop（'selectionStart'），
val=$（this.val（），
newsel=sel==2？3:sel；
newsel=sel==5？6:newsel；
$（this.val（val.substring（0，newsel）+val.substring（newsel+1））
.道具({
选择开始：newsel，
selectionEnd:newsel
});
});
$（'body'）.append（'timearea_DIV'）.html（）；
你把它附在身体上了！！
在要添加此文本框的位置放置一个id为的空div

那么对于那个div呢

(#divid).html('text box you want to add')

或者把

附加到那个div上

谷歌，他们什么都不做！我设法让它附加到div中，但现在它只是连续进行。为什么人们一直认为它与/问题相关？请，@giedrere，显示（从

查看源代码
）。谢谢，我找到了答案，但问题是它现在将它们全部添加到一行中，我认为我的php for循环工作不正常