Dropdown onchange calling PHP Function

Question

What I'm attempting to do with the below code is call a PHP function from an drop-down menu.

Is there a clean way of doing this?

code:

<html>
<head>
</head>
<body>
    <?php
        function OnSelectionChange() {
            echo("OK IT WORKS");
        }    
    ?>
<section>
    <select onchange="OnSelectionChange()">
        <option value='' disabled selected>Assign Driver</option>
        <option value='4353'>Steve Jobs</option>
        <option value='3333'>Ian Wright</option>
        <option value='66666'>Mark James</option>
    </select>
</section>    
</body>
</html>

You can call a js function on change. Then write an ajax to call the php file in js function — Santhy K
– Santhy K, Commented Feb 8, 2017 at 8:39

Chathura Liyanage · Accepted Answer · 2021-05-19 08:01:04Z

17

You can get the selected value from the drop down list simply using php without using JavaScript.

<html>
<head>
<title>Country</title>
</head>
<body>
<form method="POST" action="">
    Select Your Country 
    <select name="country" onchange="this.form.submit()">
        <option value="" disabled selected>--select--</option>
        <option value="india">India</option>
        <option value="us">Us</option>
        <option value="europe">Europe</option>
    </select>
</form>
<?php
   if(isset($_POST["country"])){
       $country=$_POST["country"];
       echo "select country is => ".$country;
   }
?>
</body>
</html>

edited May 19, 2021 at 8:01

Chathura Liyanage

3203 silver badges11 bronze badges

answered Aug 16, 2017 at 6:11

Vivek Tiwari

4374 silver badges9 bronze badges

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

Comments

Santhy K · Accepted Answer · 2017-02-08 09:28:36Z

6

simple ajax using jquery

index page

<!DOCTYPE html>
<html>
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
        <script>
            $(document).ready(function(){
            $('#myDropDown').change(function(){
                //Selected value
                var inputValue = $(this).val();
                alert("value in js "+inputValue);

                //Ajax for calling php function
                $.post('submit.php', { dropdownValue: inputValue }, function(data){
                    alert('ajax completed. Response:  '+data);
                    //do after submission operation in DOM
                });
            });
        });
        </script>
    </head>
<body>
    <select id="myDropDown">
        <option value='' disabled selected>Assign Driver</option>
        <option value='4353'>Steve Jobs</option>
        <option value='3333'>Ian Wright</option>
        <option value='66666'>Mark James</option>
     </select>

</body>
</html>

in submit.php

<?php
function processDrpdown($selectedVal) {
    echo "Selected value in php ".$selectedVal;
}        

if ($_POST['dropdownValue']){
    //call the function or execute the code
    processDrpdown($_POST['dropdownValue']);
}

for simple js ajax use XMLHttpRequest

edited Feb 8, 2017 at 9:28

answered Feb 8, 2017 at 8:54

Santhy K

8041 gold badge7 silver badges12 bronze badges

2 Comments

Mark James Over a year ago

Does not seem to go to the php file to echo. Is there away it could just go there as if it was a simple link.

Santhy K Over a year ago

do you mean redirecting the page to a php file?

JungKyungSuk · Accepted Answer · 2017-02-08 08:13:05Z

1

Does not connect onchange event with php function. must use javascript function

<script>
 function OnSelectionChange()
 {
  alert("OK IT WORKS");
 }
</script>

answered Feb 8, 2017 at 8:13

JungKyungSuk

132 bronze badges

Comments

Prmaja Co. · Accepted Answer · 2018-09-19 13:53:02Z

1

<html>
<head>
<title>Country</title>
</head>
<body>
<form>
    Select Your Country 
    <select name="country" onchange="this.form.submit()">
        <option value="" disabled selected>--select--</option>
        <option value="india">India</option>
        <option value="us">Us</option>
        <option value="europe">Europe</option>
    </select>
</form>
<?php
   if(isset($_GET["country"])){
       $country=$_GET["country"];
       echo "select country is => ".$country;
   }
?>
</body>
</html>

answered Sep 19, 2018 at 13:53

Prmaja Co.

111 bronze badge

1 Comment

KJH Over a year ago

Welcome @Prmaja Co. - you should add an explanation of what your additional/modified code does.

Elliott Sadgamer · Accepted Answer · 2017-02-08 08:12:45Z

0

Can't do that, use JavaScript function instead

<html>
<head>
</head>
<body>

<script>
function OnSelectionChange()
{
 alert("OK IT WORKS");
}
</script>

<section>
 <select onchange="OnSelectionChange()">
  <option value='' disabled selected>Assign Driver</option>
  <option value='4353'>Steve Jobs</option>
  <option value='3333'>Ian Wright</option>
  <option value='66666'>Mark James</option>
 </select>
</section>


</body>
</html>

answered Feb 8, 2017 at 8:12

Elliott Sadgamer

531 silver badge12 bronze badges

Comments

RayH · Accepted Answer · 2021-07-20 10:02:19Z

0

This mild adaptation has worked well for me. So very many thanks to vivekcs0114 and furthermore nicely avoids JS and the required Ajax solution which after around 200 miserable attempts has been a total disaster.

<form method="post" action="">
<select method="post" name="areasel" onchange="this.form.submit()"> 
<option value="Choose one">Choose one</option>
<option value="Complete Airframe">Complete Airframe</option>
<option value="Armstrong Siddeley">Armstrong Siddeley</option>
<option value="Something">Something</option>
</select>
</form>
<?php
if(isset($_POST["areasel"]))
{
$type=$_POST["areasel"];
echo "<BR>Do some SQL stuff using :".$type;
}
?>

answered Jul 20, 2021 at 10:02

RayH

13 bronze badges

Collectives™ on Stack Overflow

Dropdown onchange calling PHP Function

6 Answers 6

Comments

2 Comments

Comments

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

2 Comments

Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related