DropDown потерял выбранные значения после обновления

Question

У меня есть выпадающий список, когда пользователь выбирает этот параметр, значение передается, но после обновления страницы я хочу сохранить выбранное значение (но теперь они установлены в значение по умолчанию), поэтому пользователь знает, что выбрано , Любая надежда.

я знаю, что это может быть дубликатом, но я не найти какой-либо полезный ответ на повторяющиеся вопросы

Мой выпадающий

<select id="Selection"> 
    <option value="">Sort by</option> 
    <option value="0">Code</option> 
    <option value="1">Title A-Z</option> 
    <option value="2">Title Z-A</option> 
    <option value="3">Brand</option> 
    <option value="4">Lowest price</option> 
    <option value="5">Highest price</option> 
    <option value="6">Lowest Quantity</option> 
    <option value="7">Highest Quantity</option> 
</select> 

Jquery

$(document).ready(function() { 
    $("#Selection").change(function() { 
     var item = $(this).find(":selected").val(); 

     $.ajax({ 
      url: "/Cook/AddCookies", 
      data: { item: item }, 
      type: 'POST', 
      // contentType: 'application/json; charset=utf-8', 
      success: function (data) { 

       // Variable data contains the data you get from the action method 
      } 
     }); 
    }); 

Answer 1

решенный

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.js"></script> 

<select id="Selection"> 
    <option value="">Sort by</option> 
    <option value="0">Code</option> 
    <option value="1">Title A-Z</option> 
    <option value="2">Title Z-A</option> 
    <option value="3">Brand</option> 
    <option value="4">Lowest price</option> 
    <option value="5">Highest price</option> 
    <option value="6">Lowest Quantity</option> 
    <option value="7">Highest Quantity</option> 
</select> 

<script> 
    $(document).ready(function() { 
     var val = getCookie("TestCookie"); 
     $("#Selection").val(val); 

     $("#Selection").change(function() { 
      var item = $(this).find(":selected").val(); 

      $.ajax({ 
       url: "/Cook/AddCookies", 
       data: { item: item }, 
       type: 'POST', 
       success: function (data) { 
       } 
      }); 
     }); 

    }); 

    function getCookie(name) { 
     var re = new RegExp(name + "=([^;]+)"); 
     var value = re.exec(document.cookie); 
     return (value != null) ? unescape(value[1]) : null; 
    } 
</script> 

Answer 2

Конечно, я могу привести пример , Поскольку вы сказали «метод действия», я предполагаю, что вы используете MVC asp.net. Извините, если это неверно. Мой пример будет использовать его.

Посмотреть

<select id="Selection"> 
    <option value="">Sort by</option> 
    <option value="0">Code</option> 
    <option value="1">Title A-Z</option> 
    <option value="2">Title Z-A</option> 
    <option value="3">Brand</option> 
    <option value="4">Lowest price</option> 
    <option value="5">Highest price</option> 
    <option value="6">Lowest Quantity</option> 
    <option value="7">Highest Quantity</option> 
</select> 

<script> 
    $(document).ready(function() { 
     var someVarName = JSON.parse(localStorage.getItem("someVarName")); 
     if (someVarName.itemNumber != null) { 
      var number = parseInt(someVarName.itemNumber) + 1; 
      $('select>option:eq(' + number +')').attr('selected', true); 
     } 

     $("#Selection").change(function() { 
      var item = $(this).find(":selected").val(); 

      $.ajax({ 
       url: "/Home/MyAction", 
       data: { item: item }, 
       type: 'POST', 
       // contentType: 'application/json; charset=utf-8', 
       success: function (data) { 
        localStorage.setItem("someVarName", JSON.stringify(data)); 
       } 
      }); 
     }); 
    }); 
</script> 

Контроллер

[HttpPost] 
    public JsonResult MyAction(string item) 
    { 
     return Json(new {itemNumber = item, value = "your data"}); 
    } 

Там будет четко должны быть очистка и обработка ошибок. Однако это должно привести вас к правильному пути.

Также обратите внимание, что я просто использовал ajax для синхронизации с вашим образцом, предполагая, что вы выполняете какую-то обработку со значением, переданным на сервер. Если вы не можете легко сделать что-то вроде этого

<select id="Selection"> 
    <option value="">Sort by</option> 
    <option value="0">Code</option> 
    <option value="1">Title A-Z</option> 
    <option value="2">Title Z-A</option> 
    <option value="3">Brand</option> 
    <option value="4">Lowest price</option> 
    <option value="5">Highest price</option> 
    <option value="6">Lowest Quantity</option> 
    <option value="7">Highest Quantity</option> 
</select> 

<script> 
    $(document).ready(function() { 
     var someVarName = localStorage.getItem("someVarName"); 
     if (someVarName != null) { 
      var number = parseInt(someVarName) + 1; 
      $('select>option:eq(' + number + ')').attr('selected', true); 
     } 

     $("#Selection").change(function() { 
      var item = $(this).find(":selected").val(); 
      localStorage.setItem("someVarName", item); 
     }); 
    }); 
</script>