Я не могу получить свои выпадающие значения после обновления страницы

Question

У меня есть 2 выпадающих меню. 1.cusotmer 2.environment

onchange клиента выпадающее я получаю название среды используя rest call и onchange способ.

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

Проблема после обновления страницы мое выпадающее меню не сохраняет значения.

Это мой код ..

<script> 
    $(document).ready(function() { 
     $("#customerDetails").change(function() { 
      var value1 = $('#customerDetails :selected').text(); 
      $.ajax({ 
       type : 'POST', 
       url : 'environments', 
       data : { 
        selectedcustomername : value1 
       }, 
       success : function(result){ 
        getEnvNames(result); 
       } 

      }); 
     }); 
    }); 


function getEnvNames(result){ 
    $('#environmentName').empty().append('<option selected="selected" disabled="disabled">Select An Environment</option>'); 
    var data = JSON.parse(result); 
    $.each(data, function(key, value) 
    { 
     $("#environmentName").append("<option>" + value.environments_name +" - "+ value.environments_purpose + "</option>"); 

    }); 

} 

<b>Environment:</b> 
          <select class="body" name="environmentName" id="environmentName">                                     
          <option selected="selected" disabled="disabled">Select An Environment</option>                                      
          <select> </span> 
         </td> 

Это мой контроллер.

@RequestMapping(value = "/environments", method = RequestMethod.POST) 
     public @ResponseBody String getEnvironmentNames(HttpServletRequest request, 
       HttpServletResponse response,@RequestParam String selectedcustomername) throws SQLException { 

     request.setAttribute("selectedcustomername", selectedcustomername); 
     ModelAndView modelAndView = new ModelAndView(); 
     modelAndView.addObject("environments", new Environments()); 
     List<Environments> environmentnamesList= loginDelegate.getEnvironments(selectedcustomername); 
     Collections.sort(environmentnamesList, new CustomComparator()); 
     Gson gson = new Gson(); 
     System.out.println("gson"+gson); 
     String jsonString = gson.toJson(environmentnamesList); 
     System.out.println("jsonString"+jsonString); 
     return jsonString; 
    } 

Это моя кнопка Go

<form:form method="get" action="retrieve" modelAttribute="customer" commandName="customer"> 

in between customer and environment dropdown ui..finally 
<input name="Submit" value="Go" type="submit" class="boldFontSize3" /> 

Answer 1

solution1: не перезагрузите страницу, вместо того, чтобы использовать AJAX для заполнения данных и присутствуют на пользовательском интерфейсе

solution2: использования куки javascript, чтобы сохранить текущее состояние выпадающих списков и прочитать файл cookie и установить выпадающие списки на загрузке страницы.

с использованием печенья:

HTML:

<select id='select1'><option value='set1'>set1</option></select> 

<select id='select2'><option value='set2'>set2</option></select> 

сценарий:

$(document).ready(function(){ 

$('#select2').change(function(){ 

var select2=$(this).val() 
var select1=$('#select2').val() 

$.cookie("select1", select1) 
$.cookie("select2", select2) 

}) 

//page load 

var select1=$.cookie("select1")|| "default" 
var select2=$.cookie("select2")|| "default" 

$('#select1').val(select1) 
$('#select2').val(select2) 

}) 

Answer 2

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