在回发时保留所选的下拉列表选项

问题描述

即使在页面刷新后，如何保留从下拉列表中选择的内容，以便用户知道他/她使用jquery选择的内容？或javascript？

How do I retain whatever was selected from the dropdown even after page refresh so user knows what he/she selected using jquery? or javascript?

<select id="hospitalDropDown" onchange="window.open(this.options[this.selectedIndex].value,'_top')"> 
      <option disabled="disabled">Select Hospital</option> 
      <option value="http://mysite.com/events/Pages/default1.aspx">All Hospitals</option>
      <option value="http://mysite.com/events/Pages/default1.aspx?hos=Dyer">Dyer</option>
      <option value="http://mysite.com/events/Pages/default1.aspx?hos=Carmel">Carmel</option>
    </select>

推荐答案

尝试这个：

<select id="hospitalDropDown" onchange="window.open('http://mysite.com/events/Pages/default1.aspx?hos='+this.value,'_top')"> 
  <option disabled="disabled">Select Hospital</option> 
  <option value="All">All Hospitals</option>
  <option value="Dyer">Dyer</option>
  <option value="Carmel">Carmel</option>
</select>

$(document).ready(function(){
    var value = window.location.href.match(/[?&]hos=([^&#]+)/) || [];
    $('#hospitalDropDown').val(value[1]);
});

这篇关于在回发时保留所选的下拉列表选项的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！