php and ajax on select option

Solutions on MaxInterview for php and ajax on select option by the best coders in the world

showing results for - "php and ajax on select option"

05 Jun 2018

1<select name="allbooks" id="allbooks">
2  <option value="none" ></option>
3  <option value="allbooks" >All Books</option>
4</select>
5<div id="show">
6  <!-- ITEMS TO BE DISPLAYED HERE -->
7</div>
8
9
10
11<script src="jquery-1.9.1.min.js"></script> <!-- CHANGE THE JQUERY FILE DEPENDING ON THE VERSION YOU HAVE DOWNLOADED -->
12<script type="text/javascript">
13  $(document).ready(function(){ /* PREPARE THE SCRIPT */
14    $("#allbooks").change(function(){ /* WHEN YOU CHANGE AND SELECT FROM THE SELECT FIELD */
15      var allbooks = $(this).val(); /* GET THE VALUE OF THE SELECTED DATA */
16      var dataString = "allbooks="+allbooks; /* STORE THAT TO A DATA STRING */
17
18      $.ajax({ /* THEN THE AJAX CALL */
19        type: "POST", /* TYPE OF METHOD TO USE TO PASS THE DATA */
20        url: "get-data.php", /* PAGE WHERE WE WILL PASS THE DATA */
21        data: dataString, /* THE DATA WE WILL BE PASSING */
22        success: function(result){ /* GET THE TO BE RETURNED DATA */
23          $("#show").html(result); /* THE RETURNED DATA WILL BE SHOWN IN THIS DIV */
24        }
25      });
26
27    });
28  });
29</script>
30  
31  if(!empty($_POST["allbooks"])){
32  /* DO YOUR QUERY HERE AND GET THE OUTPUT YOU WANT */
33  echo $output; /* PRINT THE OUTPUT YOU WANT, IT WILL BE RETURNED TO THE ORIGINAL PAGE */
34}

source

similar questions

ajax request for inserting php data to db ajax post example php php select option selected from database ajax php form submit php select option php loop html select option how to set select option value dynamically in php ajax project using php and jquery send using php ajax check if ajax request php real time update using ajax php ajax php formdata jquery ajax php ajax call php ajax get response from php ajax jquery php get data from select option php ajax to php call how to call php function from ajax

queries leading to this page

select option using ajax 2c php select ajax jquery php how to select the option selected in php ajax php and ajax on select option dynamic select option using ajax and php select box onchange 2bajax 2bphp ajax select option value php php ajax select option from database how take data from select in php through ajax select php ajax how to select option in ajax php controller ajax php select php ajax select ajax select php select tag php ajax select option ajax php mysql ajax call in php for select dropdown display data into select from php using ajax ajax php data select ajax select option from database select option ajax php select with option from ajax how to use ajax to select data in php php ajax select option php ajax select 2a from selection with ajax php ajax get php select function ajax selecting using php how to select option in ajax php select query using ajax in php jquery select data from mysql ajax in php option selected ajax to php select ajax php php and ajax on select option