2016-05-25 12 views
1

ich ein einfaches Auswahlfeld mit den Jahren habe und Werte wie soZuweisen eine jQuery Variable auf einen Rails Session-Variable

<div id="year_selection_area" class="controls text-center"> 
    <select class="form-control " name="Legislation year" id="dueYear"> 
    <OPTION VALUE='2017' >2017</OPTION> 
    <OPTION VALUE='2016' >2016</OPTION> 
    <OPTION VALUE='2015'>2015</OPTION> 
    <OPTION VALUE='2014' >2014</OPTION> 
    <OPTION VALUE='2013'>2013</OPTION> 
    <OPTION VALUE='2012' >2012</OPTION> 
    <OPTION VALUE='2011'>2011</OPTION> 
    <OPTION VALUE='2010'>2010</OPTION> 
    <OPTION VALUE='' DISABLED>MORE YEARS ADDED SOON</OPTION> 
    </select> 
</div> 

i auch am Anfang durch eine Mischung aus jQuery ausgewählt ist vergeben und Schienen

<% if session[:year_browsing]==nil%> 
    <% session[:year_browsing] = 2016%> 
<% else %> 
    <%= session[:year_browsing] %> 
<%end%> 
<script type="text/javascript"> 
    jQuery(document).ready(function($) { 
    $('.form-control option[value=<%= session[:year_browsing] %>]').attr('selected','selected'); 
    }); 

jedoch muss ich Session-variablen ändern, je nachdem, welche Benutzer klickt ich habe versucht, eine if/else-Anweisung, aber es führt alle Rubin, sobald es in die auf Wechselfunktion

bekommt
$(".form-control").change(function() { 
    alert($(".form-control").val()); 
    var selectedValue = $(".form-control").val(); 

    if (selectedValue=='2017'){ 
    <% session[:year_browsing] = 2017 %> 
    } 
    else if (selectedValue=='2016'){ 
    <% session[:year_browsing] = 2016 %> 
    } 
    else if ($(".form-control").val()=='2015'){ 
    <% session[:year_browsing] = 2015 %> 
    } 
    else if ($(".form-control").val()=='2014'){ 
    <% session[:year_browsing] = 2014 %> 
    } 
    else if ($(".form-control").val()=='2013'){ 
    <% session[:year_browsing] = 2013 %> 
    } 
    else if ($(".form-control").val()=='2012'){ 
    <% session[:year_browsing] = 2012 %> 
    } 
    else if ($(".form-control").val()=='2011'){ 
    <% session[:year_browsing] = 2011 %> 
    } 
    else if ($(".form-control").val()=='2010'){ 
    <% session[:year_browsing] = 2010 %> 
    } 
    else{ 
    <% session[:year_browsing] = 0 %> 
    } 
}); 
+1

Sie haben eine Ajax-Methode zu senden, wenn Sie ändern möchten, Sitzungsvariable, Sie können Sitzung auf Ansichten – Thorin

+0

nicht aktualisieren Ich würde vorschlagen, lokalen Speicher des Browsers anstelle des Sitzungsspeichers zu verwenden, um dasselbe zu erreichen. – Sebin

+0

@Sebin danke, ich habe meine Lösung unten veröffentlicht –

Antwort

3

Vielen Dank an Sebin (https://stackoverflow.com/users/1684772/sebin)

ich es mit diesem Code in Browser Speicher zu speichern Wahl endete

<script type="text/javascript"> 
    jQuery(document).ready(function($) { 
    var myVar = localStorage['myKey'] || '2016'; 
    $('.form-control option[value='+myVar+']').attr('selected','selected'); 
    }); 

    $(".form-control").change(function() { 
    alert($(".form-control").val()) ; 
    var selectedValue = $(".form-control").val(); 
    localStorage['myKey'] = selectedValue; 
    }); 
</script>