Как заполнить второе меню Select, основанное на первом выборе и третьем на основе второго - с использованием JavaScriptHtml

Программисты Html
Ответить Пред. темаСлед. тема
Anonymous
 Как заполнить второе меню Select, основанное на первом выборе и третьем на основе второго - с использованием JavaScript

Сообщение Anonymous »

Мне нужно отобразить три выбранных меню для выбора состояния, района и области. В котором второе меню избранного должно быть заполнено динамически на основе первого и третьего на основе второго.

var districts = new Array();

districts['Tamilnadu'] = new Array('Chennai','Coimbatore','Vellore');
districts['Andhra Pradesh'] = new Array('Hyderabad','Andra 2','Andra 3');

var cities = new Array();

areas['Tamilnadu'] = new Array();
areas['Tamilnadu']['Chennai'] = new Array('Kolathur','Perambur');
areas['Tamilnadu']['Coimbatore'] = new Array('Combatore 1','Coimbatore 2');
areas['Tamilnadu']['Vellore'] = new Array('Vellore 1','Vellore 2');

areas['Andhra Pradesh'] = new Array();
areas['Andhra Pradesh']['Hyderabad'] = new Array('Hyde 1','Hyde 2');
areas['Andhra Pradesh']['Andra 2'] = new Array('Andra2 1','Andra2 2');
areas['Andhra Pradesh']['Andra 3'] = new Array('Andra3 1','Andra3 2');

function setDistrict() {
stateSelect = document.getElementById('state');
districtList = districts[stateSelect.value];
changeSelect('district', districtList, districtList);
setArea();
}

function setArea() {
stateSelect = document.getElementById('state');
districtSelect = document.getElementById('district');
areaList = areas[stateSelect.value][districtSelect.value];
changeSelect('area', areaList, areaList);
}

function changeSelect(fieldID, newOptions, newValues) {
selectField = document.getElementById(fieldID);
selectField.options.length = 0;
for (i=0; i
И он работает нормально, за исключением того, что третье избранное меню не заполняется, когда изменение значения второго избранного меню. /> Заранее спасибо. Но ничто не полезно для этой необходимости использования только JavaScript. ] < /p>
[Обновление] он работает сейчас. Но будет ли это работать на всех браузерах, и может ли кто -нибудь объяснить мне, что делает код после линии комментариев ?

Подробнее здесь: https://stackoverflow.com/questions/244 ... third-base
Реклама
Ответить Пред. темаСлед. тема

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение

Вернуться в «Html»