選択メニューオプションに基づいてCookieを作成しますか？

Question

私は、オプションを選択して[続行]ボタンをクリックすると、オプションの内容でクッキーが作成されるように、選択メニューを作成しようとしています。すぐ下のコードは動作しますが、ユーザーが選択するオプションに基づいて変更するのではなく、デフォルトの「a」クッキーを作成します。

<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

：

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

サンプルコードでなければなりません。あなたはそれを内部で行う必要があります。あなたはloadにデフォルト値を格納していて、それを更新しません。

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

選択オプションでは、値を割り当てません。

あなたは、クリックイベントの外で選択された値を割り当てるhttp://jsfiddle.net/AMefb/