Utilisez php+JS pour créer une navigation dans le menu secondaire

J'ai créé le menu en cascade de deuxième niveau en utilisant asp+js l'année dernière, mais quand je l'ai soudainement retiré et refait, j'ai découvert que je l'avais oublié et que le programme original écrit en asp était introuvable. J'avais vraiment le vertige. [emot]sweat[/emot], alors j'ai cherché en ligne pendant longtemps et j'ai découvert que les méthodes d'écriture sur Internet sont différentes et qu'elles sont toutes très compliquées. -Le menu en cascade de niveau est-il si compliqué ? J'ai donc voulu en réécrire un simple. Après y avoir réfléchi pendant environ une demi-heure, j'ai terminé la conception et la réalisation du menu en cascade de deuxième niveau.

L'idée générale est la suivante : Afin d'éviter que la page précédente ne se rafraîchisse, j'ai utilisé une iframe pour me faufiler dans une sous-page secondaire pour lire les données dans la base de données, et enfin transmettre le message souhaité données Vers la page parent, complétez la sélection et le transfert des données.

Le code principal du programme est le suivant (une partie du code a été modifiée, mais cela n'affecte pas la fonction) :
Page parent reg.html :

<iframe src=”city.php” width=”300″ height=”22″ frameborder=”0″ scrolling=”no”></iframe> <input name=”city” type=”hidden” id=”city” value=”" />

Sous page city.php :

<script language=”javascript” type=”text/javascript”> 
function goto(n){ 
this.location.href=”city.php?sh_id=”+n; 
} 
</script> 

<select name=”sh” onchange=”goto(this.value)”> 
<option>请选择所在省市</option> 
<?php 
include_once(”db.php”); 
$sql=”select * from province order by sh_id asc”; 
$result=mysql_query($sql); 
while($row=mysql_fetch_assoc($result)){ 
?> 
<option value=”<? echo $row[”sh_id”];?>” <? if($_GET[”sh_id”]==$row[”sh_id”]){echo &#39;selected=”selected”‘;}?>><? echo $row[”sh_name”];?></option> 
<?php 
} 
?> 
</select> 
<select name=”city” onchange=”parent.document.getElementById(&#39;city&#39;).value=this.value”> 
<option>选择你所在的城市</option> 
<?php 
if(!empty($_GET[”sh_id”])){ 
//echo “ok”; 
$sql=”select * from city where sh_id=”.$_GET[”sh_id”].” order by city_id asc”; 
$result=mysql_query($sql); 
while($row=mysql_fetch_assoc($result)){ 
?> 
<option value=”<? echo $row[”city_name”];?>”><? echo $row[”city_name”];?></option> 
<?php 
} 
} 
?> 
</select>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!