How to generate number with textbox by javascript?

Question

I have one textbox called main_textbox when user enter any number i call javascript

function on the onblur event of textbox and by this code

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;
}

I genereate number of textbox which enter in main_textbox now suppose if i want to generate number like 1.textbox 2.textbox 3.textbox so how to print this number in front textbox so i can identify from all generated textbox which number of textbox is
THANX in advance

Александър Добрев · Accepted Answer · 2013-08-08 07:45:17Z

1

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

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

}

answered Aug 8, 2013 at 7:45

Александър Добрев

702 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Idan Gozlan · Accepted Answer · 2013-08-08 07:50:27Z

1

Did you ment to something like that?

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;
}

edited Aug 8, 2013 at 7:50

answered Aug 8, 2013 at 7:42

Idan Gozlan

3,2033 gold badges33 silver badges48 bronze badges

1 Comment

Yamin Lawar Over a year ago

no no i dont need to enter number in name of textbox but display like 1 textbox at view it display like 1 textbox 2 textbox boxes+="i.<input type='text' name='balue_"+i+"'><br/><br/>";

BitHigher · Accepted Answer · 2013-08-08 07:45:21Z

0

You may change the code that used to generate textbox as following:

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

answered Aug 8, 2013 at 7:45

BitHigher

5013 silver badges12 bronze badges

Comments

Ayyappan Sekar · Accepted Answer · 2013-08-08 07:56:19Z

0

Assuming that the following is the answer you expected, enter image description here

Try this

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;
}

Check the fiddle here

answered Aug 8, 2013 at 7:56

Ayyappan Sekar

11.5k2 gold badges22 silver badges22 bronze badges

Comments

Scott · Accepted Answer · 2013-08-08 08:15:31Z

0

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;
}

edited Aug 8, 2013 at 8:15

Scott

21.6k8 gold badges67 silver badges73 bronze badges

answered Aug 8, 2013 at 7:54

DK Mishra

13 bronze badges

Collectives™ on Stack Overflow

How to generate number with textbox by javascript?

5 Answers 5

Comments

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related