Есть несколько селектов (для примера поставил два) и две группы с radio.
Хотел бы сохранить все выбранные параметры в куках, чтобы можно было выбрать, перезагрузить страницу и всё бы осталось.
Следующий код позволяет в куках сохранить содержимое селекта с именем
custom1, а как можно сделать, чтобы и селект
custom2 сохранить и сохранять выбранный radio? Можно в куке с тем же названием color, это не принципиально. И можно ли присваивать
в этом же скрипте всем измененным селектам классс red?
<html><head>
<style> .red {color:red;}
</style>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">//<![CDATA[
// 2012-01-14-16
function setCookie(name, value, days) {
if (days) {
var date = new Date();
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
var expires = "; expires=" + date.toGMTString();
}
else var expires = "";
document.cookie = name + "=" + value + expires + "; path=/";
}
function getCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for (var i = 0; i < ca.length; i++) {
var c = ca[i];
while (c.charAt(0) == ' ') c = c.substring(1, c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
}
return null;
}
function eraseCookie(name) {
setCookie(name, "", -1);
};
$(document).ready(function() {
$('select[name="custom1"]').change(function() {
if(getCookie('color') != '0') {
setCookie('color', $(this).val(), 365);
};
});
if(getCookie('color')) {
$('select[name="custom1"]').val(getCookie('color')).find('option[value="' + getCookie('color') + '"]').attr('selected', 'selected');
};
});
//]]>
</script>
<select size="1" name="custom1">
<option value="0" selected="selected" >Цвета нет</option>
<option value="#000" >Черный</option>
<option value="#fff" >Белый</option>
</select>
<select size="1" name="custom2">
<option value="x" selected="selected" >Размер XL</option>
<option value="s" >Размер S</option>
<option value="m" >Размер M</option>
</select>
<br>
<br><input type="radio" name="custom3" value="Кроссовки"> Кроссовки
<br><input type="radio" name="custom3" value="Кеды"> Кеды
<br><input type="radio" name="custom3" value="Туфли"> Туфли
<br><br>
<br><input type="radio" name="custom4" value="Шнурки"> Шнурки
<br><input type="radio" name="custom4" value="Липучки"> Липучки
<br><input type="radio" name="custom4" value="Замки"> Замки
</body></html>
