jquery上的绑定使用ajax锁定选择框

jquery上的绑定使用ajax锁定选择框,jquery,binding,Jquery,Binding,我在Rails3中有一个简单的表单,它调用AJAX并用结果替换表 coffee.js是 id_handler = -> $.ajax url: "/surveys_search" data: id: $(this).val() name: $(this).prop("name") input_handler = -> $.ajax

我在Rails3中有一个简单的表单,它调用AJAX并用结果替换表

coffee.js是

    id_handler = ->
       $.ajax
          url: "/surveys_search"
          data:
            id: $(this).val()
            name: $(this).prop("name")

    input_handler = ->
       $.ajax
          url: "/surveys_search"
          data:
            search: $(this).val()
            name: $(this).prop("name") 

    $(document).ready ->
      $(document).on "change", "select", id_handler
      $(document).on "keyup", "input", input_handler


      $("#survey_active").bind "change", ->
        $.ajax
          url: "/surveys_search"
          data:
            survey_active: (if $(this).is(":checked") then 1 else 0)
我的表格是

  <div class="well  well-small">
    <h4>Quick search</h4>
    <dl class="dl-horizontal">
      <dt><strong>Quiz:</strong></dt> <dd>
        <%= text_field_tag :surveys_search, params[:surveys_search], :class=>"text-field" %> 
        <%= select_tag 'survey_select', options_from_collection_for_select(Survey.all, 'id', 'name'),:prompt=>"All"%>
        <strong>Published?</strong> <%= check_box_tag 'survey_active' %>

        </dd>
      <dt><strong>Prize:</strong></dt>   <dd><%= text_field_tag :prizes_search, params[:prizes_search], :class=>"text-field" %> <%= select_tag 'prize_select', options_from_collection_for_select(Prize.all, 'id', 'name'),:prompt=>"All"%></dd>
      <dt><strong>Location:</strong></dt>   <dd><%= text_field_tag :locations_search, params[:prizes_search], :class=>"text-field" %> <%= select_tag 'location_select', options_from_collection_for_select(Location.all, 'id', 'name'),:prompt=>"All"%></dd>
    </dl>
  </div>

快速搜索
测验:
“文本字段”%>
“全部”%>
已发布?
奖品:“文本字段”%%>“所有”%%>
位置:“文本字段”%%>“所有”%%>
我的问题是,当我更改下拉列表的值时,选择框变得不可更改,直到我重新单击另一个元素,然后尝试重新更改它

实际上,当我更改它时,它会锁定“选择”下拉列表

在上面的表单中,我更改了TOP/FIRST-select下拉列表,然后在AJAX调用之后,TOP-select-down被锁定,并且底部/第三个select框也处于焦点,我同时获得了两个元素的焦点

有人能解释一下怎么绕过它吗

id_handler = ->
   $.ajax
      url: "/surveys_search"
      data:
        id: $(this).val()
        name: $(this).prop("name") 
      success: $(this).blur()