заполнить второе выпадающее меню, основанное на выборе элемента в 1-м выпадающем списке

Question

У меня есть два выпадающего списка ddl1 и ddl2.

Теперь при выборе элемента ddl1 необходимо заполнить соответствующие элементы в ddl2.

Например: - Если я выбираю «Учетные записи» в ddl1, тогда ddl2 должен отображать «Сотрудник по учетным записям, Менеджер по работе с клиентами, cheif financial officer» и аналогичным образом для других полей в ddl1. Я хочу сделать это без подключения к базе данных (с использованием ajax или JQuery). Для хранения данных для выпадающего списка должен быть xml-файл. Когда мы нажимаем на раскрывающееся раскрывающееся меню только один, страница должна быть обновлена, а также не должно быть никаких кодов php и .net. Мне нужен полный код для этого. Пожалуйста, помогите мне ........ ..

Answer 1

попробовать что-то вроде этого

JAVASCRIPT КОД

$(function(){ 
    var json ={'A':['Apple','Aeroplane','America'],'B':['Banana','BAT','BAG']}; 
    $('#alphabet').change(function(){ 
     if(this.value !=''){ 
      var arr = json[this.value]; 
      var option=""; 
      $.each(arr,function(k,v){ 
       option+='<option value="'+v+'">'+v+'</option>'; 
      }) 
      $('#spelling').html(option); 
     } 
    }) 

}) 

HTML КОД

<select id="alphabet"> 
    <option value="">SELECT</option> 
    <option value="A">A</option> 
    <option value="B">B</option> 
</select> 
<select id="spelling"></select> 

Answer 2

Это ваш Json

{"Accounts": [ 
"Account officer", 
"Account manager", 
"Chief Financial Officer"], 
"HR":[ 
"HR Head", 
"Intern"] 
} 

и так далее ..