php + populate下拉菜单上的另一个选择

问题描述:

我正在创建三个下拉菜单它工作得很好,但我希望第二个下拉列表出现在选择的第一个和第三个选择第二个如何做到这一点,如果任何人可以指导我或给我一个例子,我将不胜感激php + populate下拉菜单上的另一个选择

PS:第二个下拉列表或表中有第一个外键,所以在这里我想工作根据第一个的选择填充第二个。

fun.inc.php

<?php 
require_once('db.inc.php'); 

function connect(){ 
    mysql_connect(DB_Host, DB_User ,DB_Pass)or die("could not connect to the database" .mysql_error()); 

    mysql_select_db(DB_Name)or die("could not select database"); 

} 
    function close(){ 

    mysql_close(); 

    } 

    function countryQuery(){ 

    $countryData = mysql_query("SELECT * FROM country"); 

    while($record = mysql_fetch_array($countryData)){ 

    echo'<option value="' . $record['country_name'] . '">' . $record['country_name'] . '</option>'; 

    } 

} 

function specializationQuery(){ 

$specData = mysql_query("SELECT * FROM specialization"); 

    while($recordJob = mysql_fetch_array($specData)){ 

    echo'<option value="' . $recordJob['specialization_name'] . '">' . $recordJob['specialization_name'] . '</option>'; 

    } 


} 

function governorateQuery(){ 

$goverData = mysql_query("SELECT * FROM governorate"); 

    while($recordGover = mysql_fetch_array($goverData)){ 

    echo'<option value="' . $recordGover['governorate_name'] . '">' . $recordGover['governorate_name'] . '</option>'; 

    } 


} 

?> 

的index.php

<?php 
    require_once('func.inc.php'); 
    connect(); 


?> 


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>testDroplistdown</title> 
</head> 

<body> 
<p align="center"> 
<select name="dropdown"> 
    <?php countryQuery(); ?> 
</select> 
</p> 
<br /> 
<br /> 

<p align="center"> 
<select name="dropdown2"> 
    <?php governorateQuery(); ?> 
</select> 
</p> 

<p align="left"> 
<select name="dropdown3"> 
    <?php specializationQuery(); ?> 
</select> 
    <?php close(); ?> 
</p> 


</body> 
</html> 
+1

[**请不要在新代码中使用'mysql_ *'函数**](http://bit.ly/phpmsql)。他们不再被维护[并被正式弃用](https://wiki.php.net/rfc/mysql_deprecation)。看到[**红框**](http://j.mp/Te9zIL)?学习[*准备的语句*](http://j.mp/T9hLWi),并使用[PDO](http://php.net/pdo)或[MySQLi](http://php.net/ mysqli) - [这篇文章](http://j.mp/QEx8IB)将帮助你决定哪个。如果你选择PDO,[这里是一个很好的教程](http://www.brightmeup.info/article.php?a_id=2)。 – 2013-02-28 07:17:52

+0

你也可以使用连接....而不是写多个查询 – 2013-02-28 07:19:21

你不能做到这一点与PHP只是,你需要使用AJAX。

Ajax是一种使用JavaScript和PHP根据用户输入加载新结果的技术。 假设你选择一个国家,你会从该国的所有城市得到一个新的选择框。

你必须创建一个事件处理程序的第一个选择框中:

 <select name="dropdown" onchange="loadNewSelectBox(this.value)"> 
       // values 
    </select> 

的loadNewSelectBox是,将发布新的XMLHTTP请求到PHP文件服务器上的值的函数您的选择框。然后你会回应该PHP文件(json,xml,html ..)中的数据和响应。您的回复(对于初学者)可能是包含新选择框的html。然后你会将该响应附加到div或段落。

这类似于你的任务的例子:http://www.w3schools.com/php/php_ajax_database.asp

这是一个很好的学习来源。 https://developer.mozilla.org/en-US/docs/AJAX/Getting_Started

确保你永远留下你的PHP结束标记和你的HTML头的乞讨后,它可以特罗一些讨厌的错误

这个脚本应该工作

<?php 
    require_once('func.inc.php'); 
    connect(); 
    ?> 
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <title>testDroplistdown</title> 
    <script src="http://code.jquery.com/jquery-latest.js"></script> 
    </head> 

    <body> 
    <p align="center"> 
    <div id="dropdown1div"><select id="dropdown1" name="dropdown"> 
    <?php countryQuery(); ?> 
    </select></div> 
    </p> 
    <br /> 
    <br /> 

    <p align="center"> 
    <div id="dropdown2div"></div> 
    </p> 

    <p align="left"> 
    <div id="dropdown3div"></div> 

    <script type="text/javascript"> 
    $("#dropdown").change(function() { 
    val = $(this).val(); 
    var html = $.ajax({ 
    url: "dropdown_select.php?dropdown=2&val="+val+"", 
    async: true, 
    success: function(data) { 
    $('#dropdown2div').html(data); 
    }////////////function html//////// 
    })/////////function ajax////////// 
    }); 
    </script> 

    <?php close(); ?> 
    </p> 


    </body> 
    </html> 

dropdown_select.php

<?php 
    require_once('func.inc.php'); 
    connect(); 
    if(isset($_GET['val'])){ 
    $val = $_GET['val']; 
    $dropdown = $_GET['dropdown']; 
    } 


    if($dropdown == '2'){ 
    echo '<select id="dropdown2" name="dropdown2">'; 
    governorateQuery(); 
    echo '</select>'; 
    ?> 
    <script type="text/javascript"> 
    $("#dropdown2").change(function() { 
    val = $(this).val(); 
    var html = $.ajax({ 
    url: "dropdown_select.php?dropdown=3&val="+val+"", 
    async: true, 
    success: function(data) { 
    $('#dropdown3div').html(data); 
    }////////////function html//////// 
    })/////////function ajax////////// 
    }); 
    </script> 

     } // end if statement 



    if($dropdown == '3'){ 
    echo '<select id="dropdown3" name="dropdown3">'; 
    specializationQuery();  
    echo '</select>'; 

     } // end if statement 
     close(); 
     ?>