Javascript onclick on submit button store input value in php array

Question

I have a select input with another submit input. i want to store selected value in a php array with every click on submit input without page reload. on clicking on add every time it will store the value of select input in an array of php. on 1st click the array will have only one value then in 2nd click on add the php array will have 2 value.

since I tried it with ajax, but when i clicking twice then only 2nd value is storing, 1st value is replacing by 2nd one. but i want both the values in the array. Here is my code: Html:

<select id = "exam-list" name = "exam_name">
   <option value="1">Opt 1</option>
   <option value="2">Opt 2</option>
   <option value="3">Opt 3</option>
 </select>

<input class="btn btn-primary" onclick="save_exam()" type="submit" name="submit" value="add"/>

Js Code:

function save_exam() {var val = document.getElementById('exam-list').value;$.ajax({type: "POST",url: "store_exam.php",datatype: "json",data: 'exam_id=' + val,success: function (data) { }});}

PHP code:

<?php $count = count($_POST['exam']);for ($i = 0; $i < $count; $i++)     {print_r($_POST['exam']);}?>

score 2 · Accepted Answer · 2016-06-28T16:45:58.683

2

Make an array in session put value after every click on that array. no other way i think is possible to store every value after click event.

 <?php 
$count = count($_POST['exam']);
for ($i = 0; $i < $count; $i++)   
  {
$_SESSION['exam'] = $_POST['exam']; 
}
?>

Something like this.

edited Jun 28 '16 at 16:45

answered Jun 22 '16 at 06:10

score 1 · Answer 2 · answered Apr 19 '16 at 12:12

1

To save selected values without page refresh you have to use AJAX and the process will be something like:

HTML:

<form id="form_id">
    <select id = "exam-list" name = "exam_name">
       <option value="1">Opt 1</option>
       <option value="2">Opt 2</option>
       <option value="3">Opt 3</option>
    </select>
    <input class="btn btn-primary" type="submit" name="submit" value="add"/>
</form>

Note: wrap your select within a form tag

JavaScript:

<script>
    $('.btn').on('click',function(e) {
        e.preventDefault();

        var form_date=$('#form_id' ).serializeArray();

        $.ajax({
            url: "ajax.php",
            method: 'GET',
            data: form_date,
            success: function(response) {
                console.log(response);
            }
        });
    });

</script>

On ajax.php or whatever you name it, you will receive a $_GET array of passed data (actually, form data).

ajax.php

<?php
$data=$_GET;

 # You will receive a array like this
 #Array(
 #   [exam_name] => 1
 #)

//Do something with the data

answered Apr 19 '16 at 12:12

Meathanjay

2,023
1
18
24

will [exam_name] contain more than one value. i mean will it store new value with the previous one every time i click on add ? – Kazi Shahadat Hossain Apr 19 '16 at 18:05
Every time you click to submit button, it will make an AJAX request and the select value will be passed to ajax page. – Meathanjay Apr 19 '16 at 18:17
1

when i clicking submit button In ajax page it overriding previous value. how i store all of every value after clicking the submit button ? – Kazi Shahadat Hossain Apr 20 '16 at 05:54
Save the value to database. – Meathanjay Apr 20 '16 at 05:56
I want to save after adding desired no of option with one query. – Kazi Shahadat Hossain Apr 20 '16 at 06:11
Don't ask someone to do everything for you, try to learn the basic. – Meathanjay Apr 20 '16 at 06:29

score 0 · Answer 3 · answered Aug 08 '16 at 06:00

0

To store more than one value you should store value in array of session or cookie.

answered Aug 08 '16 at 06:00

Shahadat Atom

314
2
13

Javascript onclick on submit button store input value in php array

3 Answers3