Javascript падащия списък

Така че на първо място това, което задача сме си поставили?

Данните за опция елементи

Настройване на избрания елемент

Минимални глобални променливи

Лесен за използване

За първата точка, ако не се занимавам с JSON (както е в нашия случай strktura много трудно да се получи), е възможно като изходен материал за нашия падащ списък, да вземе на структура от вложени масиви по този начин:

Започнете да пишете самата функция. Особено не философства, й се обадих BuildSelect го вземе ще имаме три аргумента:

Array да създаде elmentov опция (например по-горе) - падащия списък.

HTMLElement - изберете елемент, избран например чрез document.getElementById.

Балки стойност, избрана от - по подразбиране.

Главната особеност на функциите за създаване и добавяне на нов елемент опция падащо меню. Те са създадени с помощта на конструктора: нов вариант (htmlText, стойност) - отнема 2 аргументи, не е трудно да се отгатне първата - тя ще се нарече и като поле за падащия, а вторият е неговата цифра.

Добавени са нови елементи опция в изберете елемент, като се използва метод добавката (опция, индекс) - последния. добави () метод отнема два аргумента: първият - това си вариант елемент, създаден с помощта на новия вариант на конструктора, а вторият е индексът на самия елемент.

Всъщност, всичко е проста, и основната работа за изграждане на динамични, падащия списък се свежда до обработката на масива:

Изграждане на динамичен падащия списък

Е, в кода на HTML ние се нуждаем само изберете елемента:

Е, изглежда, че всички цели, определени от нас в процеса на изграждане на функция, за да се създаде динамична падащ списък - тя ще се появи! Винаги е така