Javascript 重新加载时不重置动态选择

我使用javascript动态填充了select：

 function fill() {
   var select = document.getElementById("test");
   select.options[select.options.length] = new Option("A");
   select.options[select.options.length] = new Option("B");
   select.options[select.options.length] = new Option("C");
 }

---

是否有办法防止重新加载后重置select？或者有没有更好的方法来创建多次选择，而无需反复复制相同的HTML代码？

一旦重新加载页面，所有内容都将重置，您将需要持久存储来克服这一问题。请参阅/html5 web存储。当我有一个静态选择，并在Firefox中按F5重新加载页面时，它将保存所选项目。仅当我使用Ctrl+F5重置缓存时，它才会重置所选项目。