jquery上的绑定使用ajax锁定选择框
我在Rails3中有一个简单的表单,它调用AJAX并用结果替换表 coffee.js是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
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()