0

AJAXを使用して、以前に選択した状態から選択した都市を選択する方法を見つけようとして、私は何時間も(そしてこれを機能させるために時間がなくなっています)

PHP ファイルは次のようになります。

include_once("../models/class-Zone.php");

$state= $_GET["st"];

$cities= Zone::getCities($state);

echo json_encode($cities);

ajaxを使用して結果を警告すると:

$.post(
        '../ajax/getcities.php?st='+stateid,
        function(data) {
            alert(data);
        }
    );
//I GET THIS:

[{"id":"08078","titulo":"BARANOA"},
{"id":"08001","titulo":"BARRANQUILLA"},
{"id":"08137","titulo":"CAMPO DE LA CRUZ"},
{"id":"08141","titulo":"CANDELARIA"},
{"id":"08296","titulo":"GALAPA"},
{"id":"08132","titulo":"JUAN DE ACOSTA"},
{"id":"08421","titulo":"LURUACO"}]

このデータを反復して SELECT に入力する方法が見つかりませんでした。選択は次のようになります

<select name="city" id="city">
    <option value="ID FROM THE JSON">TITULO FROM THE JSON ARRAY</option>
    ... AND FOR THE REST OF THE RESULTS
</select>

よろしくお願いします！私は真剣に混乱しています。

4

2 に答える 2

1

最初に JSON をデコードしてから、各都市の選択に HTML を追加します。

function(data) {
    var cities = JSON.parse(data);
    for(var c in cities) {
        document.getElementById('city').innerHTML += '<option value="' + cities[c].id +'">' + cities[c].titulo + '</option>';
    }
}
于 2013-07-23T22:24:29.207 に答える