fun.inc.php

Question

我正在创建三个下拉菜单并且它工作得非常好，但我希望第二个下拉列表出现在第一个选择中，第三个选择第二个下载如何这样做，如果任何人可以指导我或给我一个例子，我会很感激

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>

Answer 1

确保你永远不会留下你的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();
      ?>

Answer 2

你不能只使用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 +填充下拉菜单中的另一个选择

fun.inc.php

的index.php

2 个答案: