автоматическое заполнение в текстовых полях в JSP

Question

Я разрабатываю проект с помощью jsp.

На странице есть два текстовых поля.Если я выбираю первое текстовое поле, я получаю список стран, извлекаемых из базы данных MySQL, я делаю это с помощью jQuery.теперь проблема заключается в следующем:

без каких-либо событий (особенно кнопок) автоматически во 2-м текстовом боксе должны быть заполнены штаты / города.Я использовал большинство событий JavaScript, таких как onselect, onclick и т. Д., Но безрезультатно.

И я не должен использовать раскрывающийся список.

Answer 1

Используете ли вы .ajax или .get для получения списка стран из базы данных? Если да, попробуйте вместо этого использовать .getJSON. Вы можете эффективно предоставить массив ответов, что означает ваш первый ответ из сценария AJAX data.countries, а второй элемент в массиве json - data.states.

JQuery

 $("#text-box").click(function(){
    $.getJSON('ajax/get-locations.jsp', function(data) {
      $('#div-countries').html(data.countries);
      $('#div-states').html(data.states);
    });
 });

JSP

// Query to get countries
// Build html for countries list (stored in $countriesHTML)

// Query to get states
// Build html for states list (stored in $statesHTML)

// Put html in json array and echo / print / output the json as the result of your script (in the below format, replace $countriesHTML and $statesHTML with your own variables for the HTML).

echo '{ "countries": $countriesHTML, "states": $statesHTML }'

Надеюсь, это имеет смысл, я не делал JSP целую вечность, поэтому я не пытался его кодировать, но приведенный выше seudo-код должен быть теорией, применимой к любому языку сценариев.