Каскадный dropdown list на javascript. Как это работает?

Question

[Nikita_Migushev]

Есть код, реализующий каскадный dropdown list. Вот здесь: JS FIDDLE

Объяните, пожалуйста, что делает вот эта строка и как она работает?

stateSel.options[stateSel.options.length] = new Option(state, state);

и вот это выражение:

stateSel.onchange = function () {
        countySel.length = 1; // remove all options bar first
        citySel.length = 1; // remove all options bar first
        if (this.selectedIndex < 1) return; // done   
        for (var county in stateObject[this.value]) {
            countySel.options[countySel.options.length] = new Option(county, county);
        }
    }

Comments

[Антон Неверов]

Того, что вы написали нет в примере. Пример вообще не работает.

[Nikita_Migushev]

Антон Неверов, имеется ввиду JS Fiddle не работает? Проверил. Вроде, запускается.

Answer 1

[Шохрух Шаймардонов]

stateSel.options[stateSel.options.length] = new Option(state, state);

Генерит country исходя из state путем создания экземпляра Option

stateSel.onchange = function () {
        countySel.length = 1; // remove all options bar first
        citySel.length = 1; // remove all options bar first
        if (this.selectedIndex < 1) return; // done   
        for (var county in stateObject[this.value]) {
            countySel.options[countySel.options.length] = new Option(county, county);
        }
    }

Reset опций у селекта country, при изменении значения в селекте state

Comments

[Nikita_Migushev]

Шохрух Шаймардонов, я извиняюсь за глупый вопрос, но, что значит генерит country исходяи из state? Мне не совсем понятны, зачем квадратные скобки, и что находится в аргументах state в new Option ?

[Шохрух Шаймардонов]

Nikita_Migushev, генерит, значит исходя из штата подставляет нужные страны(дословный перевод country) во второй селект. Ну как бы это было а России? Выбрали Калужскую область и вам выдают города/районы именно этой области. Квадратные скобки нужны чтобы получить доступ к элементу массива по его индексу. В вашем случае смотрите что за индекс дан как переменная. В аргументах находятся параметры тега option. По ссылке бы почитали