поддерживать прежнее состояние

Question

этот код делает поле со списком.

public String getColor(String colorName) 
{
mySB.append("<select onchange=\"ChangeColor(this);\" style=\"font-size:0.8em;\" id=\"").append(colorName).append("\" name=\"").append(colorName).append("\">")
            .append("<option value=\"\">&nbsp;</option>");
}
function ChangeColor(colors) {
var partcolor = (colors.options[colors.selectedIndex].value);

if (partcolor=="black"){
  document.getElementById("colorRow").style.backgroundColor = 'black';
 } 
else if(partcolor=="brown")  {
 document.getElementById("colorRow").style.backgroundColor ='brown';
}   else if(partcolor=="yellow")  {
 document.getElementById("colorRow").style.backgroundColor ='yellow';
}

}

Я хочу динамически обновлять выбор цвета в поле со списком, используя JavaScript. при перезагрузке страницы предыдущее состояние цветов можно сохранить в Java-приложении.

Answer 1

Вы упоминаете загрузку страницы, поэтому одним из вариантов будет сохранение выбора цвета в параметре запроса, то есть заставить браузер перезагрузить ту же страницу в ChangeColor () с URL-адресом, который включает выбор цвета, например: http: // ... myurl ...? color = purple , затем проверьте параметры URL во время onLoad ().

В зависимости от вашего дизайна, вы можете просто динамически обновлять выбор цветаиспользовать JavaScript без перезагрузки страницы?

Пример:

<div id="to_update_later"></div>

<script>
    function ChangeColor(color) {
        document.getElementById("to_update_later").innerText = "The color " + color;
    }
</script>

В этом примере показано, как динамически заменить содержимое тега div из функции JavaScript.Также возможно добавить вместо замены.См., Например, http://www.w3schools.com/js/js_ex_dom.asp руководства по работе с объектами HTML DOM веб-страницы.