0

ここで、stackoverflow に関する「動的な複数のドロップダウン リスト」に関する質問をすべて読みましたが、探しているものが見つかりませんでした。

これは、州と市のフォームです。ユーザーが州を選択し、ajax を使用して、その特定の州 ID の都市を要求します。

ただし、2 つの選択を既に作成して表示する必要があります (都市の選択がグレー表示されている可能性があります)。ここでの例はPenskeAutomotiveです。

私がこれまでに行ったことは、状態のみを選択し、ajax の実行時に、XMLHttp.ResponseText から都市の選択を作成することです。ここに例がありますDorpdown リストの例 - ページの下部にあります。

両方の選択を表示してから、都市の選択のみを XMLHttp.ResponseText の新しい値で更新する必要があります。

誰かが私をある方向に向けることができますか?

アップデート：

投稿した直後に、これまで読んだことのない質問を見つけました。そこに入って、自分の方向性を見つけたかもしれません。私はちょうど今それを試しています。jQuery/Ajax です。質問

4

2 に答える 2

0

私は自分のサイトでこのコードを使用しています。

頭の中で：

<script language="JavaScript" type="text/JavaScript">
    $(document).ready(function(){
        $("#select1").change(function(event){
            var id = $("#select1").find(':selected').val();
            $("#select2").load('../scripts/depto.php?id='+id);
        });
    });
</script>
<script language="JavaScript" type="text/JavaScript">
    $(document).ready(function(){
        $("#select2").change(function(event){
            var id = $("#select2").find(':selected').val();
            $("#select3").load('../scripts/municipios.php?id='+id);
        });
    });
</script>

そして選択で：

<div class='control-group'>
    <label class='control-label' for='typeahead'>Pa&iacute;s </label>
    <div class="controls">
        <select name="IDPAIS" id="select1" required>    
            <?
                $sql = $conn->prepare("SELECT * FROM lista_paises");
                $sql->execute();
                while($row = $sql->fetch(PDO::FETCH_ASSOC)) {
                    echo 
                    '<option value="'.$row[id].'">'.$row[opcion].'</option>';
                }
            ?> 
        </select>
    </div>
</div>
<div class='control-group'>
    <label class='control-label' for='typeahead'>Departamento </label>
    <div class="controls">
        <select name="departamento" id="select2" required></select>
    </div>
</div>
<div class='control-group'>
    <label class='control-label' for='typeahead'>Municipio / Ciudad</label>
    <div class='controls'>
        <select name="ciudad" id="select3" required></select>
    </div>
</div>

lista_paises.php で

<?
include('../include/config.php');
$query = $conn->prepare("SELECT * FROM PAISES);

$respuesta="[";
foreach ($aMunicipios as $muni) {
    $respuesta .="{id:".$muni["id_municipio"].",nombre_municipio:'".$muni["municipio_nombre"]."'},";
    }
$respuesta = substr($respuesta,0,strlen($respuesta)-1);

$respuesta.="]";
echo $respuesta;
}
?>

depto.php で

<?
include('../include/config.php');
$sql = $conn->prepare("SELECT * FROM lista_estados WHERE relacion = ".$_GET['id']);
$sql->execute();
while($row = $sql->fetch(PDO::FETCH_ASSOC)) {
echo 
'<option value="'.$row[id].'">'.$row[opcion1].'</option>';
}
?>

municipios.php(ciudad/city)内

<?
include('../include/config.php');
$sql = $conn->prepare("SELECT * FROM MUNICIPIOS WHERE relacion1 = ".$_GET['id']);
$sql->execute();
while($row = $sql->fetch(PDO::FETCH_ASSOC)) {
echo 
'<option value="'.$row[id].'">'.$row[opcion2].'</option>';
}
?>

多分あなたのために働く

于 2013-07-03T17:53:49.173 に答える