Unable to send data to php on select box change

Question

on a index.php page, inside html i have a selectbox

<select name="selectLanguage" id="selectLanguage" onchange="OnlanguageChange()">
  <option value="">
    Select your Language
  </option>

  <option value="en">
    English
  </option>

  <option value="fr">
    Français
  </option>

  <option value="de">
    Deutsch
  </option>                                             

</select>

Wish to get the value of the select box onchange in my php code.

tried with ajax call :

$(document).ready(function(){ 
  $("#selectLanguage").change(function(){ 
    var SelectedLanguage = $(this).val(); 
    alert(SelectedLanguage);
    $.ajax({ 
      type: "POST", 
      url: "index.php", 
      data: SelectedLanguage, 
      success: function(result){ 

      }
    });

  });
});

shramee · Accepted Answer · 2016-07-24 12:24:17Z

1

$.ajax require data as an object...

$.ajax({
  type: "POST",
  url: "index.php",
  data: { language: SelectedLanguage },
  success: function(result) {

  }
});

In php access it as $_POST['language']

answered Jul 24, 2016 at 12:24

shramee

5,0992 gold badges26 silver badges49 bronze badges

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

14 Comments

shramee Over a year ago

Have you added data: { language: SelectedLanguage }, to your $.ajax function params?

shramee Over a year ago

Try using filter_input( INPUT_POST, 'language' ) to avoid error when not set...

Salil Lambay Over a year ago

that vanished the error. but the value is not getting sent to php page

Иван Пшеницын Over a year ago

@SalilLambay what do you see in Netwroks in Chrome DevTools? Are there "form data" and "language" in this request?

Salil Lambay Over a year ago

@ИванПшеницын data in networks cn be seen "language : en" but not able to still get data in print filter_input( INPUT_POST, 'language' ); or $_POST['language']

|

MBA1990 · Accepted Answer · 2016-07-24 12:46:15Z

0

           var formData = {     
              //get the value of language selected
               'SelectedLanguage':$("select[name='selectLanguage'] option:selected").val(),
            };
            $.ajax({ 
            type: "POST", 
            url: "index.php",
            //send language to index.php
            data: formData , 
            success: function(result){ 

              }
        });

edited Jul 24, 2016 at 12:46

answered Jul 24, 2016 at 12:30

MBA1990

12 bronze badges

9 Comments

André Kool Over a year ago

Please add some explenation to your answer. Only posting a bit of code doesn't provide a good answer.

Иван Пшеницын Over a year ago

Why $("select[name='selectLanguage'] option:selected")? $(this).val() is right code.

Salil Lambay Over a year ago

i suppose var SelectedLanguage = $(this).val(); is doing the same job that 'SelectedLanguage':$("select[name='selectLanguage'] option:selected").val() is doing... still thanks... a new way to do that

Salil Lambay Over a year ago

Even this gives me formdata in the networks of chrome dev tools, but in $_POST['language'] still not able to get data

MBA1990 Over a year ago

update print "True"; to print "<div id='result'>True</div>" ; and add var res = language.split('\n')[1]; $("#result").html(res); to success: function(language) {

|

Collectives™ on Stack Overflow

Unable to send data to php on select box change

2 Answers 2

14 Comments

9 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

14 Comments

9 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related