Как сохранить значения выбора на протяжении всего сеанса

Question

У меня есть таблица, и я добавляю новые строки динамически. Все работает нормально, кроме моего select. Я могу хранить все значения моего поля, кроме поля select.

Так что-то вроде этого. Когда пользователь заполняет форму и нажимает кнопку инициирования, он направляется на второй экран, который Экран подтверждения, где он может проверить детали и, если хочет что-то изменить, он может нажать на кнопку «Изменить», и он будет перенаправлен на первый экран. Таким образом, проблема в том, что значения, заполненные пользователем, сохраняются во всех полях, но значение раскрывающегося списка не сохраняется и показывает значение по умолчанию «Выбрать».

Также я могу получить выбранное значение в массиве от 2-го до 1-го экрана, а также я могу присвоить ему значение, но оно по-прежнему не отображается на экране. Вот как.

Code

document.getElementById('fldsearch'+temp).options[document.getElementById('fldsearch'+temp).selectedIndex].value  = arrsearch[temp];

arrsearch [temp] - это массив, в котором хранится выбранное значение.

fldsearch - это поле <td id> из select.

temp - это увеличивающееся число <td id>, так как я добавляю строки динамически.

Пожалуйста, дайте мне знать, если вам нужно что-нибудь еще. Спасибо

Answer 1

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

<select name="ddlTitles" id="ddlTitles">
    <option value="">Select</option>

</select>

$(function() {
    var titles = ["Mr.","Ms.","Mrs.","Miss."]; 
   for(var i=0;i<titles.length;i++){           
             var titleElement = document.getElementById("ddlTitles");
             var option = document.createElement("option");
             option.text = titles[i]
             option.value = titles[i]
             titleElement.add(option);          
   }
   //Set default value to Ms.
   $("#ddlTitles").val("Ms.");
});