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

Question

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

文本框的 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;
} 

在这里检查小提琴