This page demonstrates various depending controls with Foundation CSS framework. All selected values will be restored after page refresh or back / forward button until the end of the browser session (using Session Storage).
Datalists allow you to create a group of <option>s that can be accessed (and autocompleted) from within an <input>. These are similar to <select> elements, but come with more menu styling limitations and differences. While most browsers and operating systems include some support for <datalist> elements, their styling is inconsistent at best. Learn more about support for datalist elements.