1

ユーザーが状態を変更したときに都市のドロップダウン リストのオプションを変更する Javascript で同じコードを作成しました。

コードの問題は、それが機能しないことです。コードは問題ないと思いますが、私は JavaScript に非常に慣れていないため、エラーが表示されません。

私のコードをチェックして、どこでエラーが発生したかを確認してください。ありがとう。

JavaScript:

function drzava_promjena() {
    var obj_state = document.getElementById("id_drzava")
    var index = obj_states.selectedIndex;
    var value_state = obj_state.options[index].value;
    towns = town_list[value_state];
    var obj_town = document.getElementById("id_gradovi");
    while (obj_town.options.length > 0) {
        obj_town.remove(0);
    }
    var new_value;
    for (var i = 0; i < towns.length; i++) {
        new_value = document.createElement("option");
        new_value.value = towns[i];
        new_value.text = towns[i];
        try {
            obj_town.add(new_value);
        } catch (e) {
            obj_town.appendChild(new_value);
        }
    }

これは HTML です。

    <select id="id_drzava" onchange="drzava_promjena(this);">
        <option value="Austrija">Austrija</option>
        <option value="Njemacka">Njemacka</option>
        <option value="Slovenija">Slovenija</option>
        <option value="Ceska">Ceska</option>
    </select>
    <br>
    <select id="id_gradovi" onchange="">
        <option value="0"></option> 
    </select>
    <br>
    <select id="id_uni" onchange="">
        <option></option>
    </select>
4

1 に答える 1

0

次のコードを試してください。デモ用にフィドルも用意しました。

JavaScript:

var populateCities = function (country, target_id) {
    var i = 0, options, cities, selection, target;

    cities = {
        "usa": {
            "dallas": "dal",
            "san francisco": "sf",
            "houston": "hou"
        },
        "fr": {
            "paris": "pr",
            "la riche": "lr"
        }
    };

    selection = country.options[country.selectedIndex].value;
    target = document.getElementById(target_id);
    target.options.length = 0;

    if(selection !== 'none') {
        options = cities[selection];

        for(var city in options) {
            target.options[i] = new Option(city, options[city]);
            i++;
        }
    }
}​

HTML:

<select id="country" onchange="populateCities(this, 'cities')">
    <option selected value="none">Pick a country</option>
    <option value="usa">USA</option>
    <option value="fr">France</option>
</select>
<select id="cities"></select>
于 2012-07-24T18:21:32.263 に答える