Assign javascript variable to php variable

Question

How to pass javascript variable that came from select option to a PHP variable? I want to set PHP variable depending on user selection.
I tried that code:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

<script>
    $(function(){
        $("select[name='sex']").change(function () {
            var submitSearchData = jQuery('#extended-search').serialize();
            var selectedValue=$('#sex').val();
            jQuery.ajax({
                type: "POST",
                data: 'selected=' + selectedValue
                url: "ajax.php",
                success: function () {
                    // alert(submitSearchData);
                    alert(selectedValue);
                }
            });
        });
    });
</script>
<form id="extended-search" >
    <div class="input-container">
        <select class="select" name="sex" id="sex">
            <option value="0">All</option>
            <option value="1">M</option>
            <option value="2">F</option>
        </select>
    </div>
</form>
<?php
var_dump ($_REQUEST['selected']); //that print NULL don't know why!
?>

When I try to access selected variable with var_dump ($_REQUEST['selected']); it return null — user3114378
– user3114378, Commented Dec 18, 2013 at 8:57

Nishu Tayal · Accepted Answer · 2013-12-18 09:08:34Z

1

You are passing data in wrong format. Data is passed as an object. Please refer below.

 $("select[name='sex']").change(function () {
    var submitSearchData = jQuery('#extended-search').serialize();
    var selectedValue=$('#sex').val();
   jQuery.ajax({
    type: "POST",
    data: {'selected': selectedValue},
    url: "ajax.php",
    success: function (response) {
    // alert(submitSearchData);
    alert(response);
    }
   });
});

edited Dec 18, 2013 at 9:08

answered Dec 18, 2013 at 8:57

Nishu Tayal

20.9k8 gold badges53 silver badges105 bronze badges

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

2 Comments

user3114378 Over a year ago

Still can't access the selected variable in my PHP file. var_dump ($_REQUEST['selected']); //that print NULL don't know why!

Nishu Tayal Over a year ago

Did you check output of console.log(selectedValue)

Ignacio Ocampo · Accepted Answer · 2013-12-18 08:55:49Z

0

Is not possible in the same instance of time:

yourfile -> ajax -> yourfile (here is the value, but you can't see this in your current webpage except that instead of ajax, send post form)

answered Dec 18, 2013 at 8:55

Ignacio Ocampo

2,7231 gold badge22 silver badges31 bronze badges

4 Comments

user3114378 Over a year ago

Is there any other solutions?

Nishu Tayal Over a year ago

@user3114378 : refer the solution above in my answer.

user3114378 Over a year ago

@ignacio, Can you please explain more?

Ignacio Ocampo Over a year ago

What do you need to do with your select variable after post with Ajax to your php file?

Harmony Proxy Mothibe · Accepted Answer · 2013-12-18 09:12:53Z

0

I hope this will help you...

dataType: "html",
data: {'selected': selectedValue},

and then u can get it via $_POST/$_REQUEST array since you have set your type to post.

answered Dec 18, 2013 at 9:12

Harmony Proxy Mothibe

741 silver badge7 bronze badges

Comments

smiggle · Accepted Answer · 2013-12-18 11:34:33Z

0

$_REQUEST is null because it is not related to the ajax request you send. Try this for example:

<?php
    if (isset($_POST["selected"])) {
    echo $_POST["selected"];
} else {
?>
<html>
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    </head>
    <body>
        <form id="extended-search">
            <div class="input-container">
                <select class="select" name="sex" id="sex">
                    <option value="0">All</option>
                    <option value="1">M</option>
                    <option value="2">F</option>
                </select>
            </div>
        </form>
        <script>
        $(function() {
            $("select[name='sex']").change(function () {
                var selected = $(this).val();
                $.ajax({
                    type: "POST",
                    data: {
                        selected: selected
                    },
                    url: "ajax.php",
                    success: function (data) {
                        alert(data);
                    }
                });
            });
        });
        </script>
    </body>
</html>

<?php } ?>

EDIT:

I updated the script and tested it. You had some errors in your code. Hope this works for you.

edited Dec 18, 2013 at 11:34

answered Dec 18, 2013 at 9:25

smiggle

1,2596 silver badges17 bronze badges

3 Comments

user3114378 Over a year ago

thanks but that doesn't print the value of the selected option too. echo $_POST["selected"]; is never set!

user3114378 Over a year ago

Can you please help : (

SparK Over a year ago

again, data: {selected: selected},

Collectives™ on Stack Overflow

Assign javascript variable to php variable

4 Answers 4

2 Comments

4 Comments

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

4 Comments

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related