Как получить значение выпадающего из базы данных с помощью AJAX?

Question

У меня есть раскрывающийся список с некоторым необязательным значением. Если изменить значение, основанное на этом, будет отображаться другой раскрывающийся список со значением из базы данных. Я делаю этот процесс на странице jsp. Первые значения раскрывающегося списка являются статическими (кодируются в jsp). значения раскрывающегося списка поступают из базы данных при изменении первого раскрывающегося списка.

Здесь мне нужно реализовать ajax или javascript? Не могли бы вы привести примеры этого выпадающего списка?

один выпадающий список имеет статическое значение, такое как имя, адрес, город, как.

<select id="search" onchange="menu_changed();">
                               <option></option>
                               <option>name</option>
                               <option>address</option>
                               <option>city</option>
                               </select

Теперь, название базы данных, имя, адрес, город, как этот.

если я выберу «имя» в первом раскрывающемся списке, включите второй раскрывающийся список с именем списка. Это имя должно исходить из базы данных.

Пожалуйста, дайте мне ваши идеи.

Answer 1

Если вы счастливы использовать jQuery, начните читать здесь http://api.jquery.com/jQuery.getJSON/

Пусть ваш selectbox 1 меняет событие menu_change, вызывая getJSON, например

var select1value = document.getElementById ('search').значение ();

   $.getJSON('urlToYour.jsp?id='+select1value , function(data) {
         write JavaScript code here to populate your 2nd drop down list using the JSON stored in the data variable);
});

Answer 2

javascript является неотъемлемым требованием ajax.AJAX означает асинхронный Javascript и XML.Здесь вам необходимо отправить xmlHttpRequest на сервер и извлечь содержимое 2-го раскрывающегося списка из базы данных в соответствии с выбранным параметром в первом раскрывающемся списке.Когда вы получите ответ в javascript, заполните 2-е поле выбора этими значениями.Это будет происходить при каждом событии onchange 1-го выпадающего списка