Изменение значений в поле со списком путем выбора в первом поле со списком

У меня есть код вроде следующего. Я хочу, чтобы, когда я выбрал элемент в «select 1», он меняет во втором поле со списком, но я не уверен в лучшем способе его решения. Должен ли он быть AJax или это можно сделать только с помощью Javascript?

    Untitled Document   

Item 1 Item 2 Item 3 Item 4

List 1 List 2 List 3

Любые советы будут оценены. Том

Вот:

                

Полностью рабочий пример. Как-то так.

Вы можете использовать следующий Cascading DropDown jQuery Plugin

Выполнение вызова ajax – лучший способ. Вы можете передать первое значение поля выбора в качестве параметра для извлечения значений, которые должны быть заполнены во втором поле (заполнение второго windows может быть выполнено с использованием java-скрипта).

или

вы можете заменить весь второй блок выбора, который должен быть помещен внутри div с ответом от вызова ajax, который является полем выбора, заполненным необходимыми значениями

Мое решение – чистый Javascript, без использования jQuery или AJAX (?!?), Хотя я бы настоятельно рекомендовал вам заглянуть в jQuery.

Добавьте это где-нибудь в тело.

  

Затем измените первый элемент select, чтобы вызвать это при изменении.

  

Наконец, чтобы этот пример работал лучше всего, добавьте четвертый вариант ко второму выбору.

См. Это для получения дополнительной информации: http://homepage.ntlworld.com/kayseycarvey/jss3p9.html

Вы можете сделать это с помощью обработчика javascript onchange в select1:

  

И это javascript: