From a drop down?>
From a drop down list box or combo box visitor selects one option and submits the form. If the form validation fails then we have to show again the same form asking for changes in input data and submit again. In this process we have to keep our drop down box selected to the option previously selected by the user. For example in a travel information form, visitor select the week day of travel from a drop down list box having all days of the week and submits the form, then due to any reason the form validation fails and we ask the visitor to again fill the form, we must keep the previously selected day of the week of the visitor as selected only. So if the visitor has selected Monday then the form has to show day Monday as selected day of the week.
There are different ways to do this and one method where the data (or the option) are populated from table is already discussed in double drop down list box tutorial. There all options are matched with an if condition and accordingly the selected attribute is added. Note that there are many ways to achieve this and we will try to explore one way here.
A compact approach is to validate the submitted option against an allow-list and then add the selected attribute while rendering the options. This keeps the sticky form on one page and avoids putting the selected value into a query string.
Here is the same-page POST version. The day is validated against an allow-list before it is used to restore the selected option.
I write and maintain practical tutorials on Python, PHP, SQL, JavaScript, HTML, jQuery,
and web development at plus2net. The tutorials focus on clear explanations, working
examples, and code that readers can test and adapt while learning.