Связанные выпадающие списки и загрузка div

Question

Я новичок в программировании, но пытаюсь учиться. Что мне нужно сделать для моего сайта, так это иметь 2 или 3 связанных выпадающих меню, поэтому, когда я выбираю элемент из первого, второй обновляется с другими опциями. Я нашел способ сделать это с помощью Java, но я не могу сделать это с помощью части обновления DIV. Я посмотрел prototypejs / Updater, но это немного над моей головой, и я не могу связать его с javascript, который я использовал для выпадающих меню ...

Так что, если кто-нибудь может сказать, как я могу связать два, возможно, 3 выпадающих меню, и после того, как я нажму на параметр в последнем меню, сделайте div со страницы, обновите другим содержанием, пожалуйста, помогите:)

Answer 1

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

Принцип заключается в том, чтобы связать функцию с событием "onchange", которое срабатывает в окне выбора при выборе элемента.

Предполагая, что это поле выбора:

<select id="select1" name="option">
</select>

фрагмент javascript:

var sel1 = document.getElementById("select1");
sel1.onchange = function() {
  //do whatever you want
};

Для первого и второго выбора, функция будет загружать опции другого выбора, в то время как в третьем случае она покажет ваш div

Answer 2

Не на 100% уверен, что вы ищете, но я думаю, что это поможет вам, по крайней мере, немного:

http://remysharp.com/2007/09/18/auto-populate-multiple-select-boxes/

Это плагин jquery для связывания блоков выбора вместе с использованием ajax для загрузки данных для заполнения следующего блока в цепочке на основе значения, выбранного в предыдущем.

Затем вам все равно нужно будет связать последнее поле с div - но вы должны быть в состоянии сделать это с помощью аналогичного метода самостоятельно - см. Документацию jquery ajax.

http://docs.jquery.com/Ajax