1

まず、jquery.cookieとBootstrap のマテリアル デザインを使用しています。select からの Cookie 値の保存に問題があります。

var getval = $.cookie('selected-val');
if (getval == 10000) {
  $("#refresh option[value='10000']").attr("selected", "selected");
};
if (getval == 20000) {
  $("#refresh option[value='20000']").attr("selected", "selected");
};
if (getval == 30000) {
  $("#refresh option[value='30000']").attr("selected", "selected");
};
if (getval == 60000) {
  $("#refresh option[value='60000']").attr("selected", "selected");
};
if (getval == 180000) {
  $("#refresh option[value='180000']").attr("selected", "selected");
};
var valsel = $("#refresh").val();
$.cookie('selected-val', '' + valsel + '', {
  expires: 365,
  path: '/'
});

setInterval(function() {
  myfunction()
}, getval);
<div class="form-group">
  <div class="col-lg-12">
    <select class="form-control" id="refresh">
      <option id="ref-1" value="10000">10 s</option>
      <option id="ref-2" value="20000">20 s</option>
      <option id="ref-3" value="30000">30 s</option>
      <option id="ref-4" value="60000">1 min</option>
      <option id="ref-5" value="180000">3 min</option>
    </select>
    <br>
  </div>
</div>

ユーザーが関数で更新時間を選択できるようにしたいのですが、ユーザーが選択したものを Cookie に保存する方法がわかりません。常に Cookie の最初の位置に表示します。

4

1 に答える 1

1

試してみませんか：

jQuery(document).ready(function(){
  var selectedVal = jQuery.cookie("selected-val");
  if (selectedVal) {
    jQuery("#refresh").val(selectedVal);
  }
  jQuery("#refresh").on("change", function(){
    var selection = jQuery(this).val();
    jQuery.cookie("selected-val", selection, {expires: 365, path: '/'})
  });
});
于 2015-07-03T17:50:50.803 に答える