SQL PHP HTML ASP JavaScript articles and free scripts to download
PHP Double Dropdown List

Dynamically changing of options of a list box based on period button

In the pervious tutorial we have seen how to populate a drop down list box by taking value from a MySQL table. Here we will manage or restrict the options of the same list box linking it to a period button. If period button is not selected then all the records of the table will populate the list box and once a selection is given to the period button then records satisfying to the value of the period button will be returned. We will be using OnClick event of the period button to reload or refresh the page with value of the period button in the query sting. Then we will read the value from the query string and then populate the list box accordingly. If the global variable is kept off in your PHP.ini settings then you have to use $_POST[variable] to get the variable for further processing.

This tutorial is similar to double drop down list box tutorial where second list box value is dynamically populated based on the selection value of the first list box.

To know how the OnClick event of the period buttons works then visit the JavaScript tutorial section.

Here the only change than the main drop down tutorial is using of checked value of period button. This part is handled by use of JavaScript function reload(). Here is the code that handles the function.

<script type="text/javascript"> 
function reload()
{
for(var i=0; i < document.form1.type.length; i++){ if(document.form1.type[i].checked) var val=document.form1.type[i].value } self.location='test.php?type=' + val ; } </script>
We will receive the value and use them in our SQL query by adding one WHERE clause to restrict the records returned from the table. Here is how the value is received from query string and used for SQL query.

<?Php

require "config.php"; // database connection here
$tp=$_GET['type']; // getting the value from query string
if(strlen($tp) > 1){$sql="SELECT name,id FROM student where sex='$tp'";}
else{$sql="SELECT name,id FROM student";}
echo $sql;
echo "<br>";

echo "<form name=form1 method=post action=test.php>";
echo "<select name=student value=''>Student Name</option>"; // printing the list box select command
foreach ($dbo->query($sql) as $row){//Array or records stored in $row
echo "<option value=$row[id]>$row[name]</option>";
/* Option values are added by looping through the array */
} echo "</select>";// Closing of list box

echo "
<b>Type</b>
<input type=radio name=type value='male' onclick="reload()";>Male
<input type=radio name=type value='female' onclick="reload()";>Female
<input type=submit value=Submit> </form>";

?>

Demo of list box population with period button is here

The SQL file ( dump ) to create student table with records is here


The PHP Source file of this script

Google+
Post Comment This is for short comments only. Use the forum for more discussions.
Name
Email( not to be displayed)Privacy Policy
1+2=This is to prevent automatic submission by spammers. Please enter the result of the sum as asked



Join Our Email List
Email:  
For Email Newsletters you can trust
HTML . MySQL. PHP. JavaScript. ASP. Photoshop. Articles. FORUM Contact us

©2000-2014 plus2net.com All rights reserved worldwide Privacy Policy Disclaimer