Javascript 刷新后从下拉菜单中保留iframe src

我已经创建了一个下拉列表来更新iframe src，但是如何确保当我刷新页面时iframe src不会更改，除非用户使用JavaScript从下拉菜单中更改它

---

给你一个解决方案

loadFrame=functionval，id{ localStorage.setItemid，val； $+id.attr'src'，val； } IftypeofLocalStorage.getItem'starterVID'！='未定义的'{ $'select'.vallocalStorage.getItem'starterVID'； $'starterVID'.attr'src'，localStorage.getItem'starterVID' } 选择一个视图 Vid02 Vid03 Vid04

---

给你一个解决方案

loadFrame=functionval，id{ localStorage.setItemid，val； $+id.attr'src'，val； } IftypeofLocalStorage.getItem'starterVID'！='未定义的'{ $'select'.vallocalStorage.getItem'starterVID'； $'starterVID'.attr'src'，localStorage.getItem'starterVID' } 选择一个视图 Vid02 Vid03 Vid04

---

使用cookies存储以前选择的选项的值，如果存在，则使用该选项？使用cookies、本地存储或URL参数存储当前用户选择。页面加载时，从其中一个位置读取值。最好的方法是使用URL参数，因为它将保留URL本身的属性。@Thusitha您能给我一个代码示例吗？使用cookies存储以前选择的选项的值，如果存在，则使用它？使用cookies、本地存储或URL参数存储当前用户选择。页面加载时，从其中一个位置读取值。最好的方法是使用URL参数，因为它会保留URL本身的属性。@Thusitha你能给我一个代码示例吗？下拉列表中的文本会更改并保留，但iframe中的视频仍然是默认的src我忘了提到我还有这个函数来打开iframe中的选项：函数loadFrameurl，frameId{document.getElementByIdframeId.src=url；}@zxb413我已经更新了答案JavaScript，看一看，让我知道。效果非常好！非常感谢你@zxb413欢迎好友：下拉列表中的文本会更改并保留，但iframe中的视频仍然是默认的srcI忘了提到我还有这个功能来打开iframe中的选项：function loadFrameurl，frameId{document.getElementByIdframeId.src=url；}@zxb413我已经更新了答案JavaScript，看一看，让我知道。工作完美！非常感谢你@zxb413欢迎好友：

<div class="row">
  <div class="span9">
    <ul class="thumbnails">
      <li class="span9">
        <select onchange="loadFrame(this.value,'starterVID');this.selectedIndex=0;">
          <option>Choose A View</option>
          <option value="yahoo.com>Vid02</option>
          <option value="youtube.com/">Vid03</option>
          <option value="google.com">Vid04</option>
          <option value="google.com">Vid05</option>
          <option value="google.com">Vid06</option>
          <option value="google.com">Vid07</option>
          <option value="google.com">Vid08</option>
          <option value="google.com">Vid09</option>
          <option value="google.com">Vid10</option>
        </select>
        <div class="flex-video widescreen vimeo">
          <iframe name = "starterVID" 
                  id = "starterVID" 
                  width="870" 
                  height="498" 
                  src="https://www.youtube.com/" 
                  frameborder="0" 
                  allowfullscreen>
          </iframe>
        </div>
      </li>
    </ul>
  </div>
</div>