当我在下拉菜单中选择默认值时，在Rails中呈现完整形式

debugcn 发表于 Dev

用户名

我在下拉菜单中遇到问题。当我选择默认值--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);  
    }
  });
})

阿玛

您必须在提交ajax请求之前进行检查，无论该值是否为空或是否基于该fire ajax查询

$("#leaves").change(function(){
  if($(this).val() != "" )
  {
    var url = '/leave_summary?summary=' + $(this).val()+''
    $.ajax({
      url: url,
      dataType: 'html',
      type: 'GET',
      success: function(data){
      $("#leaves_apply").html(data);  
     }
    });
  }
})

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。