Question

我目前正在尝试在学校模型的索引页面上创建一个选择菜单，但我在尝试完成这项工作时遇到了麻烦。我正在寻找同行代码以寻求帮助，但我的代码不起作用，而且我仍然对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代码。

Rails：Jquery选择连接到学校模型的菜单

1 个答案: