首先,我正在使用jquery.cookie和Bootstrap material design。我从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的第一个位置显示。
答案 0 :(得分: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: '/'})
});
});