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/zh-CN/docs/AJAX/Getting_Started

PHP +填充下拉菜單上的另一個選擇

問題描述

fun.inc.php

的index.php

2 個解決方案

解決方案1
1 2014-01-05 07:45:40

解決方案2
0 2013-02-28 07:43:43

PHP +填充下拉菜單上的另一個選擇

問題描述

fun.inc.php

的index.php

2 個解決方案

解決方案1 1 2014-01-05 07:45:40

解決方案2 0 2013-02-28 07:43:43

解決方案1
1 2014-01-05 07:45:40

解決方案2
0 2013-02-28 07:43:43