Rails: меню выбора Jquery, связанное со школьной моделью

Question

В настоящее время я пытаюсь создать меню выбора на странице указателя школьной модели, и у меня возникают проблемы при попытке сделать эту работу.Я смотрю на код сверстников для помощи, но мой не будет работать, и я все еще Nobbish к JS.Может кто-нибудь взглянуть и посмотреть, в чем проблема и что я, возможно, должен добавить?Спасибо, все предложения очень ценятся!:)

Индекс HTML

<div id='MainContentContainer'>
<div class='MainContentArea'>
<div class='MainContent'>
<h1>Choose your school:</h1>
<div class='SchoolSelection'>
<select id="SchoolSelect">
<option>State School</option>
<option>Private School</option>
</select>
</div>
<div class='MainContentButton'>
<a href='/' id='continue'>
<div class="MainContentBtn">
Continue
</div>
</a>
</div>
</div>
</div>
</div>

 <script>
    $('#continue').click(function() {
        var singleValues = $("#SchoolSelect").val();
        $.cookie("schoolproject", singleValues);
    })
        </script>

Школьный контроллер

class SchoolsController < ApplicationController
  def index
    if request.cookies["schoolproject"] == 'State School'
      redirect_to '/schools/state-school'
      return
    elsif request.cookies["schoolproject"] == 'Private School'
      redirect_to '/schools/private-school'
      return
    end
    respond_to do |format|
      format.html  #index.html.erb
      format.js 
    end
  end
end

Answer 1

Вы не запрещаете действие ссылки по умолчанию:

$('#continue').click(function(event) {
    event.preventDefault();
    $.cookie('schoolproject', $('#SchoolSelect').val());
}

В примечании, теги div внутри тега a являются недействительными HTMLЯ бы предложил либо поменять их местами, либо конвертировать ваши div теги в span теги.