根據選擇菜單選項創建一個cookie？

Question

我試圖創建一個選擇菜單，當用戶選擇一個選項並單擊繼續按鈕時，將使用該選項的內容創建一個cookie。下面的代碼直接起作用，但它僅創建默認的「a」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> 

Answer 1

您的點擊事件以外分配選定值。你需要在裏面做。您在加載時存儲默認值，然後從不更新它。

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); 
    }) 

Answer 2

在您選擇的選項中，您沒有指定值。

例如

<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/