Javascript使用串联循环输入文本框(动态)

Javascript使用串联循环输入文本框(动态),javascript,jquery,Javascript,Jquery,我正在尝试使用javascript创建一个循环。我想要这个循环做的是循环两个不同的输入(文本框),循环次数与循环计数相同 所以我们有两个输入,我尝试使用concatenation+add+循环文本框,并在每次循环时显示 正如您所看到的,我在某些地方失败了,因为它没有复制输入或显示串联的数字 我想要的输出 它应显示四个输入文本框,前两个应标记为street_1和m2street_1,下两个应标记为street_2和m2street_2。这些标签还应在前两个标签上显示“1”,在后两个标签上显示“2

我正在尝试使用javascript创建一个循环。我想要这个循环做的是循环两个不同的输入(文本框),循环次数与循环计数相同

所以我们有两个输入,我尝试使用concatenation+add+循环文本框,并在每次循环时显示

正如您所看到的,我在某些地方失败了,因为它没有复制输入或显示串联的数字

我想要的输出
它应显示四个输入文本框,前两个应标记为street_1和m2street_1,下两个应标记为street_2和m2street_2。这些标签还应在前两个标签上显示“1”,在后两个标签上显示“2”,以便我们知道它工作正常

任何帮助或指点都将不胜感激

vari;
var-add=i;

对于(i=1;i这听起来像是您想要动态添加html,为了做到这一点,您必须在javascript中创建html,并且通过使用jQuery的
.append()
方法,您需要将html添加到您的主体(或您想要将其添加到的任何其他元素):

这是小提琴:

$(文档).ready(函数(){
var计数=5;
对于(变量i=0;i

邮寄地址1-1:
邮寄地址2-1:

您能告诉我们所需的输出是什么吗?您在文本框中循环的位置在哪里?您可以通过操作DOM来实现这一点,但不是您想要的方式。您必须使用jQuery选择器。为了实现这一点,您必须手动创建所有html元素,这样它就不再是动态的,添加也就没有意义了使用jQuery创建索引,因为您必须一个接一个地创建每个HTML元素。我回答了它,检查了它。我是for循环中的递增者(每次递增1),使用i+2是因为我的计数从i=0开始(我可以从i=2开始,或者随便什么,这只是首选项)添加+2是因为您的第一个数字是2,因为1已经在dom中,所以循环进行2次,并将街道地址部分2和街道地址部分3放入(因为街道地址部分1已经在html中编码).在我的代码中,如果将var count设置为5,它将循环5次,并显示第1-6节,所有内容都正确标记。我将其更改为5,请查看:]
        for (i = 1; i <= 2; i++) {
    var myHtml = '<div class="clearfix">'
               + '   <label for="street_' + i + '">Mailing Address 1 ' + i + ':</label>'
               + '   <cfinput type="text" name="street_'+i+'" value="">'
               + '</div>'
               + '<div class="clearfix">'
               + '   <label for="m2street_'+i+'">Mailing Address 2 '+i+':</label>'
               + '   <cfinput type="text" name="m2street_'+i+'" value="">'
               + '</div>'
               + '<br />';
    $('body').append(myHtml);
}
Mailing Address 1 1:
Mailing Address 2 1:

Mailing Address 1 2:
Mailing Address 2 2: