With Javascript Keep Selected Value In Dropdown List May 17, 2024 Post a Comment I have the following drop down list: Gender EMPTY MaleSolution 1: Here's a javascript/jquery way, using localStorage. If you're going to do this in a lot of places there are probably ways to optimize this code. $(function() { var genderValue = localStorage.getItem("genderValue"); if(genderValue != null) { $("select[name=gender]").val(genderValue); } $("select[name=gender]").on("change", function() { localStorage.setItem("genderValue", $(this).val()); }); }) CopySolution 2: HTML pages are stateless - meaning they don't remember state. In order to do what you describe we usually have the server-side code output different HTML depending on the values of the previously-submitted form.There are JavaScript-only ways to to this using a URL hash, but you're going to need some server-side code to run your web site regardless.Solution 3: How about if you want to retain the value, when you navigate back to this page through an EDIT button on it successor page. Here is my post: Retain dynamically created DropDown list's selected value on event window.history.back()- JavaScript Share Post a Comment for "With Javascript Keep Selected Value In Dropdown List"
Post a Comment for "With Javascript Keep Selected Value In Dropdown List"