如何使用 rails3-jquery-autocomplete 更新复选框/单选按钮
How to update a checkbox/radio button with rails3-jquery-autocomplete
我正在使用rails3-jquery-autocomplete gem从数据库中获取自动完成项目以及预填表单所需的一些额外数据。
autocomplete :link, :name, :extra_data => [:url, :is_full_screen, :is_auto_trigger, :is_ad, :is_ecommerce]
除 url 之外的所有内容都是布尔标志(用户首选项),用于选中/取消选中复选框并选择表单中的单选按钮。即使 Gem 会更新文本字段,但它不会自动更新复选框和单选按钮。我已经在表单视图中指定了:update_elements:
<%= f.autocomplete_field :name, autocomplete_link_path, :update_elements => {:url => '#link_url', :is_auto_trigger => '#link_is_auto_trigger'}
我该怎么做?我尝试探索 railsAutocomplete.select javascript 事件,该事件在选择选项时触发,以执行自定义 js 以选择复选框和单选按钮,但我如何在该事件侦听器中获取数据(来自 sql 查询)?他们是一种更简单的方法吗?
我通过执行自定义 javascript 来更新复选框/收音机来选择自动完成选项之一来解决此问题。从自动完成下拉列表中选择值时,将在输入字段上触发名为 railsAutocomplete.select
的 JavaScript 事件。data.item 包含您从数据库中获取的所有数据(包括额外的数据):
$('#link_name').bind('railsAutocomplete.select', function(event, data){
// Custom JS to select radio/checkbox, or do any other complex task
select_linktype(data.item.linktype);
select_tracking(data.item.is_ad);
});
- 复选框:一次只允许单击一个复选框
- 谷歌应用程序脚本示例-如何更改单选按钮的列表框相关值
- 如何在刷新时重新填充表单中的复选框并将表单值发布到页面
- 如何通过jQuery选中所有复选框并在单击一个复选框时取消选择
- 在单击父复选框的同时获取子复选框的详细信息
- 通过 JQuery 获取单击的复选框的值属性
- 单击“角度”复选框时更新不相关的字段
- 根据选中的单选按钮更改选择框
- 通过单击1复选框选中所有复选框
- 无论首先单击哪个复选框,都需要调用函数1次-.one()的一些变体
- 高级表单提交-单选、复选框和重定向
- 样式为 -webkit-外观的单选按钮:复选框:Chrome 中的不确定状态
- 引导数据切换单选按钮/复选框选中属性
- 如何创建具有两种状态的按钮切换,其行为类似于表单输入的复选框
- 如何绑定引导按钮复选框和表单
- 如何使用单选和复选框按钮验证javascript验证
- 在表单操作与复选框或单选按钮之间交替进行
- 提交按钮不能使用混合单选和复选框输入类型
- 单选按钮+复选框组合
- 表单提交的复选框:点击按钮时显示错误