how to push two dimensional array values to input field using jquery?

Question

I have an input field which is displayed a modal with row records while onclick event is fired of each row of the parent table.

input field is :

str+=  '<td><input type="text" class="form-control input-sm full-width" data-toggle="modal"  name="bed_selections['+num+']" id="bed_selection'+ num +'" num="'+num+'" onclick="showBedSelection(this)" /></td>';

parent table looks like :

modal looks like :

I need to store these data(sno,confirm) to of this input element bed_selections['+num+'] as an array value for back-end processing.

How can i achieve this scenario via js/jquery?

Please tell me your clean solutions.

once the form is submitted, just use the index of that POST array that you have, $_POST['bed_selections'][<number>] — Kevin
– Kevin, Commented Oct 5, 2016 at 5:03
I cannot do in that way because it's popup a single modal for each row onclick. so i need to store the previously selected modal data too — user3391137
– user3391137, Commented Oct 5, 2016 at 5:05
#Ghost i have extended the explanation little more,please review — user3391137
– user3391137, Commented Oct 5, 2016 at 5:10

score 1 · Accepted Answer · 2016-10-05 05:40:44Z

1

Create a hidden Input for each row in the table. On modal closing Event get the confirm Check boxes values and put them into an Array. With Array.join(",") you can serialize Array to string and Update your hidden Input with the corresponding rowid. On your Backend get the hidden Input Value, Split the string into Array using the comma (,) delimeter and you have yourself an Array.

edited Oct 5, 2016 at 5:40

answered Oct 5, 2016 at 5:30

user2047029

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

6 Comments

user3391137 Over a year ago

There is no any specific save button for modal. Only we have one save button which is for all form.

user2047029 Over a year ago

When you open the modal dialog, you can send the row id. Then Update the hidden Input with the same rowid. If you dont have save Button then you can handle modal closing Event. Check jquery documentation for closing event. Or maybe add a save button

user3391137 Over a year ago

"Create a hidden Input for each row." it's for parent table or modal table?

user2047029 Over a year ago

In the table if you have your Form there. How do you Update values in the back End ?

user3391137 Over a year ago

#mightee It's working solution . i have implemented that what you have explained. Thanks dude.

|

Collectives™ on Stack Overflow

how to push two dimensional array values to input field using jquery?

1 Answer 1

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related