I would like to send multiple value using javascript and form [duplicate]

Question

My problem is similar to the link below: similar problem

I would like to send multiple values using form and javascript. Instead fixed value like code below:

<input type="hidden" name="Id[]" value="83" />
<input type="hidden" name="Id[]" value="85" />

I would like the value is based on user input. How can I achieve this?

I have other code to input user input

Link name: <input type='text' id='linkid'>
<button onclick="saveLink();return false">Save link</button>

And javascript code

var idarray=[];

function saveLink() {
   var id = document.getElementById("linkid").value;
   idarray.push(id);
}

How to send this idarray using html form?

How can the user input if the inputs are hidden and how would you like to send the data and what would you like to send it to? Too much relevant information is missing from your question description — NewToJS
– NewToJS, Commented Jul 29, 2018 at 6:01
<input type="hidden" name="Id" value="83,85,70" /> and then you can split it in js and/or server side . — Ashraf
– Ashraf, Commented Jul 29, 2018 at 6:11
@Ashraf I want the value input by user. I have add more detail to my problem. — roscoe_x
– roscoe_x, Commented Jul 29, 2018 at 6:13
But how are you sending the data and to what file format? Are you using a default form POST action or using AJAX? — NewToJS
– NewToJS, Commented Jul 29, 2018 at 6:16
@NewToJS I tried using default form without success. I only able to send 1 data, instead of multiple data. — roscoe_x
– roscoe_x, Commented Jul 29, 2018 at 6:18

NullPointer · Accepted Answer · 2018-07-29 06:22:24Z

2

Assign the id to hidden element and set the value to this element before form submit.

Here is a working snippet:

var idarray=[];

function saveLink() {
   var id = document.getElementById("linkid").value;
   idarray.push(id);
   console.log(idarray);
   document.getElementById("someid").value=idarray;
   console.log(document.getElementById("someid").value);
  
}

 //document.getElementById("someid").value=idarray;
 //document.forms[0].submit();

<input type="hidden" id="someid" name="Id[]" value="" />


Link name: <input type='text' id='linkid'>
<button onclick="saveLink();return false">Save link</button>

edited Jul 29, 2018 at 6:22

answered Jul 29, 2018 at 6:16

NullPointer

7,3885 gold badges30 silver badges43 bronze badges

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

4 Comments

roscoe_x Over a year ago

Thank you @NullPointer. It worked. I still have some problem with the PHP receiving code though. Instead of separated data, I have comma separated multiple data. I'll check on it first.

Ashraf Over a year ago

@roscoe_x Its not recommended to consider comma separation , for a simple reason : what if one of the URLs had comma in its text ? . Dealing with JSON object is way better .

roscoe_x Over a year ago

@Ashraf I've tried add JSON.stringify in the code, the printed result is the same. Still has comma separated.

Ashraf Over a year ago

@roscoe_x Yep , but in case one or more URLs has a comma the JSON will take care of it and wrap it in a way that doesn't affect the process . The classical approach doesn't .

Collectives™ on Stack Overflow

I would like to send multiple value using javascript and form [duplicate]

1 Answer 1

4 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Linked

Related