how to create multivalued input text box using javascript?

Question

I want to create input field like given below using java script.Please provide me appropriate solution.

           <input type="text" name="package_location[]"  class="form-control" >

Element is created but When I am posting form I am getting none of the values. I have used this code.

var parinput=document.createElement('input');
            
              parinput.type="text";
 parinput.name="package_location[]";

var parinput=document.createElement('input'); parinput.type="text"; parinput.name="package_location[]"; — dpkrai96
– dpkrai96, Commented Aug 13, 2016 at 11:53
Element is created but When I am posting form I am getting a single value Which has been created without using js. — dpkrai96
– dpkrai96, Commented Aug 13, 2016 at 11:55
There's no such thing like a multivalue input box in HTML. You could use multiple input boxes or split the input string with a separator like a comma or a whitespace. — GOTO 0
– GOTO 0, Commented Aug 13, 2016 at 12:02
I think what the OP wa trying to say, is that the input box should have multiple attributes, not input values. — TheGenie OfTruth
– TheGenie OfTruth, Commented Aug 13, 2016 at 12:26

Akshay · Accepted Answer · 2016-08-13 12:11:14Z

1

you can create input element but you have to append into body using jquery

var parinput=document.createElement('input');
     $(parinput).attr("type","text");
$(parinput).attr("name","package_location[]");

$('body').append(parinput)

answered Aug 13, 2016 at 12:11

Akshay

8057 silver badges16 bronze badges

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

Comments

dpkrai96 · Accepted Answer · 2016-08-13 12:23:05Z

0

My java script code is right Only the error is that I have created input field name like package_location[] .And getting it as Package_location the difference of capital P and small p that is the gotcha.

answered Aug 13, 2016 at 12:23

dpkrai96

931 silver badge11 bronze badges

Comments

TheGenie OfTruth · Accepted Answer · 2016-08-13 12:23:13Z

0

The problem with your code is that you forgot to append the element to the DOM. Using pure JavaScript, simply use the element you made and append it to the body:

var parinput = document.createElement('input'); //Create element
parinput.type = "text"; //Add attribute "text"
parinput.name = "package_location[]"; //Add attribute "name"
document.getElementsByTagName("body")[0].appendChild(parinput) //Append to the first body element found

This solution works without JQuery.

answered Aug 13, 2016 at 12:23

TheGenie OfTruth

6288 silver badges20 bronze badges

Collectives™ on Stack Overflow

how to create multivalued input text box using javascript?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related