How to keep values of select throughout the session

Question

I have a table and i am adding new rows dynamically. Everything is working fine except my select. I am able to hold all the values of my field except the select field.

So it is something like this When the user fills the form and click on initiate button, he is directed to second screen which is verification screen where he can verify the details and if wants to modify anything he can click on modify button and he will be redirected to first screen. So the problem is the values filled by the user is retained in all the field but the value of the drop-down is not retained and is showing default value 'Select'.

Also i am able to get the selected value in array from 2nd to 1st screen and also i am able to assign the value to it but still its not displaying on the screen .Here's how.

Code

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

arrsearch[temp] is an array where the selected value is stored.

fldsearch is the <td id> of select field.

temp is the increasing number of <td id> since i am adding rows dynamically.

Please do let me know if you need anything else.Thanks

you can save in db and get the values from API or else, use session storage to store the values and use that where ever you want — user6250770, Feb 04 '20 at 07:03
I am already getting the value as i mentioned i am just unable to assign that value to my ```select``` field — Saurav, Feb 04 '20 at 07:08
can you add snippet how you saving and how you are trying to set — user6250770, Feb 04 '20 at 07:09
There are many duplicates of this here on SO, please try to search before posting a new question. — Don't Panic, Feb 04 '20 at 09:09
Yes i have searched most of the answers but since i am adding my rows dynamically those answers are not working for me. — Saurav, Feb 04 '20 at 09:19

score 0 · Answer 1 · answered Feb 04 '20 at 09:19

First you have to set all values to drop-down. If all values are bind to select then one of them can be set to default value. Take a look at below example. Also please find fiddle link in comments.

<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.");
});

Fiddle link for my answer https://jsfiddle.net/shivpatne/buwna80g — Shiv Patne, Feb 04 '20 at 09:20

How to keep values of select throughout the session

1 Answers1