Показать второй раскрывающийся список вариантов на основе первого выпадающего списка JQuery

Я пытаюсь получить второй выпадающий список на основе первого выпадающего списка.

Я нашел отличный сценарий здесь:

http://jsfiddle.net/heera/Gyaue/

enter code here

Из этого поста:Jquery В зависимости от первого раскрывающегося списка / сортировать второй раскрывающийся список?

Однако в этом примере показана опция «- Все -», показывающая все группы вместе, и мне нужно сделать что-то подобное

Выпадающий А
Америка
Европа
Азия

Выпадающий B
(если Америка выбрана)
Аргентина
Бразилия
Чили

(если выбрана Европа)
Италия
Франция
Испания

(если Азия выбрана) Китай
Япония

Я пытаюсь получить то же самое, что показано на этом jsfiddle, но я не хочу иметь опцию «Показать все (группы)» вместе.

Обновить: После многих попыток я использовал решение, опубликованное Catalin Berta на его сайте по адресу:http://devingredients.com/2011/05/populate-a-select-dropdown-list-with-jquery/

Окончательный результат с этого URL выглядит примерно так:http://jsfiddle.net/c510xdrj/

Это решение работает во всех основных браузерах.

Спасибо Шломи Хасиду за вашу помощь.

Ответы на вопрос(1)

Ваш ответ на вопрос