Question

可能重复：
retaining selected dropdown option on postback

当用户选择该选项时，我有一个下拉列表，该值将被传递到与刷新页面的查询字符串相同的URL。在页面刷新后，我想保留所选值，以便用户知道所选内容。我如何在jquery中执行此操作？

<select id="hospitalDropDown" onchange="window.open(this.options[this.selectedIndex].value,'_top')"> 
        <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>

基本上逻辑是在一些变量中捕获选择并将其作为选择等于true传递但我无法在jquery中执行它..我没有服务器端代码的任务..要么

Answer 1

对于干净的方法，您可以设置cookie

查看以下问题和回复

jQuery cookies setting select drop down value after page refresh

*但我最喜欢的是使用ajax方法在用户会话中设置选择。

Answer 2

<select id="hospitalDropDown"> 
    <option value="">All Hospitals</option>
    <option value="Dyer">Dyer</option>
    <option value="Carmel">Carmel</option>
</select>
<script type="text/javascript">

$(document).ready(function() {
    $('#hospitalDropDown').val('<?php echo $_GET['hos']; ?>');
    $('#hospitalDropDown').change(function() {
        location.href = 'http://mysite.com/events/Pages/default1.aspx?hos=' + $(this).val();
    });
});
</script>

保留刷新时的下拉选择

2 个答案: