交互式<select>

Question

非常感谢你的清晰和快速的回答。

也许我必须准确地说:它是在wordpress的网站上。第一个选择的部分在PHP代码小部件中，第二个选择在我上传到网站的subtag.php页面中！

我在我的页面上插入了它(有时是用法语写的)：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("#constructeur_moto_id").change(function(){
        $("#subcat").load("subtag.php?name="+$("#constructeur_moto_id").val());
    });
});
</script>
Constructeur Moto
<select name="constructeur_moto_id" id="constructeur_moto_id">
<?php
//Select Moto Brand
$constructeur = 'SELECT constructeur_moto_id,constructeur_moto_nom FROM a_constructeur_moto ORDER BY constructeur_moto_nom';
$constructeur_query = mysql_query($constructeur) or die( 'Erreur' );
    echo '<option>Constructeur Moto</option>';
    while ( $constructeur_list = mysql_fetch_array( $constructeur_query ) ) {
        echo '<option value="'.$constructeur_list['constructeur_moto_id'].'">'.$constructeur_list['constructeur_moto_nom'].'</option>';
}
?>
</select>
<div id="subcat"></div>

moto品牌列表(constructeur_moto)在我的页面上显示为我想要的样子。

这是我的subtag.php页面：

<?php if(isset($_REQUEST['name']))
{ 
echo $_REQUEST['name'];
?>
Modele Moto
<select name="modele_moto_nom">
<?php
//Select Modele moto
$modele = 'SELECT modele_moto_id,modele_moto_nom,modele_moto_annee,modele_constructeur_moto_id FROM a_modele_moto WHERE  modele_constructeur_moto_id='.$_REQUEST['name'].' ORDER BY modele_moto_nom';
$modele_query = mysql_query($modele) or die( 'Erreur' );
    echo '<option>Modèle Moto</option>';
    while ( $modele_list = mysql_fetch_array( $modele_query ) ) {
        echo '<option value="'.$modele_list['modele_moto_id'].'">'.$modele_list['modele_moto_nom'].'</option>';
}
?>
</select>
<?php } ?>

当我选择一个moto品牌时，subtag.php页面被加载(我回显moto品牌ID以检查这一点(第3行))，出现< select >表单，但没有加载任何内容。我真的不明白！

Answer 1

我已经为您创建了解决方案..首先，您需要在页面上包含jquery

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

将此脚本放到页面上后，您必须编写jquery，它将为您的子标记传递数据，即

<script>
$(document).ready(function(){
    $("#moto_brand_nom").change(function(){
        $("#subcat").load("subtag.php?name="+$("#moto_brand_nom").val());
    });
});
</script>

在放置脚本之后，您需要像我一样编写带有传递id的<select>标记。

<select name="moto_brand_nom" id="moto_brand_nom">
<?php
//Select Moto Brand
$constructeur = 'SELECT moto_brand_id,moto_brand_name FROM a_constructeur_moto ORDER BY moto_brand_name';
$constructeur_query = mysql_query($constructeur) or die( 'Erreur' );
    echo '<option>Moto Brand</option>';
    while ( $constructeur_list = mysql_fetch_array( $constructeur_query ) ) {
        echo '<option value="'.$constructeur_list['moto_brand_id'].'">'.$constructeur_list['moto_brand_name'].'</option>';
}
?>
</select>

然后，您只需编写一个<div>标记并传递其id

 <div id="subcat"></div>

在此过程之后，您必须创建另一个名为subtag.php的页面，并将下面的代码放在该页面上。

<?php if(isset($_REQUEST['name']))
{ ?>
<select name="model_moto_name">
<?php
//Select Model moto
$model = 'SELECT model_moto_id,model_moto_name,model_moto_annee,constructeur_moto_name FROM a_model_moto WHERE  moto_brand_id='.$_REQUEST['name'].' ORDER BY model_moto_name';
$model_query = mysql_query($model) or die( 'Erreur' );
    echo '<option>model Moto</option>';
    while ( $model_list = mysql_fetch_array( $query ) ) {
        echo '<option value="'.$model_list['model_moto_id'].'">'.$model_list['model_moto_name'].'</option>';
}
?>
</select>
<?php } ?>

我希望这段代码能为你工作