用PHP實現真正的連動下拉列表
來源：程序員人生 發布時間：2014-05-22 16:21:45 閱讀次數：3225次
下面的兩個文件copy到同一個文件下，通過web路徑訪問index.html看看吧，這個是通過iframe來實現的連動更新，list.php目前的內容比較簡單，你看通過list.php來進行數據庫查詢，然后顯示出查詢的結果列表。
index.html
- <body>
- <form name="myfrm">
- <select name="mlist" onchange="changes();">
- <option value="0">請選擇...</option>
- <option value="北京">北京</option>
- <option value="通化">通化</option>
- </select>
- <select name="slist">
- </select>
- <iframe id="frame" src="list.php?city=" style="display:none;"></iframe>
- <script language="javascript">
- function changes(){
- frame.location.href = "list.php?city=" document.myfrm.mlist.value;
- }
- </script>
- </form>
- </body>
list.php
- <?php
- $data = array("北京"=>array("小強","旺財","小強他爹"),
- "通化"=>array("小溫","小宋","他們兒子"),);
-
- $city = $_GET["city"];
-
- $result = $data[$city];
-
- $str = "<script language="javascript">list = parent.document.myfrm.slist;list.length = 0;";
-
- if($result==null)
- $str .= "tmp = new Option("......", "");list.options[0] = tmp;";
- else
- foreach($result as $i => $value)
- $str .= "tmp = new Option("{$value}", "{$value}");list.options[$i] = tmp;";
- $str .= "</script>";
-
- echo $str;
- ?>
生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈
