2

ユーザーがオプションを選択して[続行]ボタンをクリックすると、オプションの内容を含む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>
4

2 に答える 2

4

クリックイベントの外部で選択した値を割り当てます。あなたはそれを内部で行う必要があります。ロード時にデフォルト値を保存し、それを更新することはありません。

    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);
    })
于 2011-10-22T03:36:00.557 に答える
-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>

サンプルコード： http： //jsfiddle.net/AMefb/

于 2011-10-22T03:30:50.263 に答える