изменить выбор выпадающего списка в jquery

Question

У меня есть два выпадающего списка и вы хотите изменить значение dropdown2 по выбору dropdown1 например. Выберите тему из раскрывающегося списка1 Информатика. dropdown2 show's Алгоритмы, операционная система, Структуры данных. и, изменив выбор категории из dropdown1 в математику, он отобразит алгебру, интеграцию .etc. Я хочу использовать только jquery и никаких отключений сервера при выборе. вся обработка на стороне клиента.

Answer 1

Вы можете просто сделать это с помощью ассоциативного массива, а некоторые немного JQuery, поэтому попробуйте это ... Демо here HTML код:

<select id="subject" name="subject"> 
    <option id='computerScience' value="1" selected>Computer science</option> 
    <option id='mathematics' value="2">Mathematics</option> 
</select> 
<select name="chapters" id="chapters"> 
    <option value="1" selected>Algorithms</option> 
    <option value="2">operating system</option> 
    <option value="3">Data structures</option> 
</select> 

JQuery Код:

var subjects = { 
    'computerScience':['Algorithms','operating system', 'Data structures'], 
    'mathematics':['algebra' , 'integration'] 
}; 

$('#subject').change(function(){ 
    var selectedSubject = $('#subject :selected').attr('id'); 
    $("#chapters option").remove(); 
    chapters = subjects[selectedSubject]; 
    for (i=0;i<chapters.length;i++) 
    $('<option/>').val(chapters[i]).html(chapters[i]).appendTo('#chapters'); 
}); 

Пожалуйста, обратите внимание отметил, что идентификатор раскрывающегося списка субъекта должен совпадать с ключевыми значениями массива объектов, чтобы выбрать правильные объекты.

Answer 2

я думаю, что этот плагин будет делать трюк jCombo
надеюсь, что это помогает

Answer 3

Некоторые примеры:

http://www.9lessons.info/2010/08/dynamic-dependent-select-box-using.html (Может быть, лучше, начать здесь)

http://r-ednalan.blogspot.com/2011/03/dynamic-select-box-using-jquery-ajax.html

http://blog.chapagain.com.np/using-jquery-ajax-populate-selection-list/

http://codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/

Объясните их примерами.