Создать куки на основе выбора меню? - PullRequest
2 голосов
/ 22 октября 2011

Я пытаюсь создать меню выбора таким образом, чтобы, когда пользователи выбирают параметр и нажимают кнопку «Продолжить», создается файл cookie с содержимым параметра.Код, приведенный ниже, работает, но он создает файлы cookie по умолчанию «а», а не изменяет их в зависимости от того, какую опцию выбирает пользователь.

<select id='select_letter'>
    <option>a</option>
    <option>b</option>
</select>

<a href='/' id='continue'><div id='continue_button'></div></a>

<script>
    $(document).ready(function(){
        var singleValues = $("#select_letter").val();
        $('#continue').click(function() {
            $.cookie("project", singleValues);
        })
    });
</script>  

Я пытался привязать событие onclick к кнопке продолжения, котораяполучает любую выбранную опцию, но она не удалась.Есть идеи?Спасибо!

<script>
    $('option').live("click", function(){
        var singleValues = $("#select_letter").val();
        $('#continue').click(function() {
            $.cookie("project", singleValues);
        })
    });
</script>

Ответы [ 2 ]

4 голосов
/ 22 октября 2011

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

    var singleValues = $("#select_letter").val(); //I NEED TO BE INSIDE
    $('#continue').click(function() {
        $.cookie("project", singleValues);
    })

    $('#continue').click(function() {
        var singleValues = $("#select_letter").val();
        $.cookie("project", singleValues);
    })
0 голосов
/ 22 октября 2011

В выбранных параметрах вы не назначаете значения.

например,

<select id='select_letter'>
    <option>a</option>
    <option>b</option>
</select>

должно быть

<select id='select_letter'>
    <option value="a">a</option>
    <option value="b">b</option>
</select>

пример кода: http://jsfiddle.net/AMefb/

...