如何通过javascript生成带文本框的数字？

Question

当用户输入我调用javascript的任何数字时，我有一个名为main_textbox的文本框

在textbox的onblur事件和此代码上运行

---

function generate_bale(){
    var bale=document.getElementById("number_of_bale").value;
    var boxes = "<p>";
    for (var i=0;i<`bale`;i++){

        boxes+="<input type='text' name='bale_numbers[]'><br><br>";
    }
        document.getElementById("bale_box").innerHTML = boxes;
}

我生成了在main_textbox中输入的文本框的数量 现在假设我想生成数字之类的 1.textbox 2.textbox 3.textbox 所以如何在前面的文本框中打印这个数字，这样我就可以从所有生成的文本框中识别出哪个文本框的数量为 THANX提前

Answer 1

你有意这样吗？

function generate_bale(){
    var bale=document.getElementById("number_of_bale").value;
    var boxes = "<p>";
    for (var i=0;i<bale;i++){

        boxes+="<label for='bale_"+i+"'>"+i+"</label><input id='bale_"+i+"' type='text' name='bale_numbers[]'/><br/><br/>";
    }
    boxes+="</p>";
    document.getElementById("bale_box").innerHTML = boxes;
}

Answer 2

for (var i=0;i<bale;i++){

    boxes+= i + ". <input type='text' name='bale_numbers[]'><br><br>";
}
    document.getElementById("bale_box").innerHTML = boxes;

}

Answer 3

您可以更改用于生成文本框的代码，如下所示：

boxes+="<label>"+ i + "<label><input type='text' name='bale_numbers[]'><br><br>";

Answer 4

function generate_bale(){

    var bale=document.getElementById("number_of_bale").value;
    var boxes = "<p>";

    for (var i=0;i<`bale`;i++){
        boxes+=+i+1+".textbox <input type='text' name='bale_numbers[]'><br><br>";
    }

    document.getElementById("bale_box").innerHTML = boxes;
}

Answer 5

假设以下是您所期望的答案，

试试这个

function generate_bale(bale){
    var bale=document.getElementById("number_of_bale").value;
    var boxes = "<p>";
    for (var i=0;i<bale;i++){
        textboxNo = i+1;
        boxes+=textboxNo+".textbox<input type='text' name='balue_"+textboxNo+"'><br><br>";
    }
        document.getElementById("bale_box").innerHTML = boxes;
} 

检查小提琴here