ドロップダウンに問題があります。ドロップダウンでデフォルト値 --select-- を選択すると、フォーム全体がレンダリングされます。
<%= render 'leave_applies/sidebar' %>
<% content_for :script do %>
<%= javascript_include_tag :leave_applies %>
<% end %>
<div class='row-fluid clear'>
<div class='box gradient'>
<div class='title'>
<h3 style='margin-left:1em'>Leave Summary</h3>
</div>
<div class='content'>
<div class="control-group string optional student_gender">
<label class="string optional control-label" for="student_gender">Teacher Code</label>
<div class="controls">
<%= select_tag "leaves", options_from_collection_for_select(Teacher.all, "id", "teacher_code"), :prompt => "--Select Employee No--" %>
</div>
</div>
<div id = "leaves_apply">
</div>
</div>
</div>
</div>
このコードでは、「--Select Employee No--」を選択すると、ページ全体がレンダリングされます
JSコード
$("#leaves").change(function(){
var url = '/leave_summary?summary=' + $(this).val()+''
$.ajax({
url: url,
dataType: 'html',
type: 'GET',
success: function(data){
$("#leaves_apply").html(data);
}
});
})