0

我正在为我的 rails 应用程序中的特定表单开发自动完成功能；为此，我将 typeahead.js 与自定义控制器方法一起使用。到目前为止，它可以工作，但我需要再次在表单中使用这些值，以便我可以按下提交按钮，并且表单将正常发布和处理。我怎样才能做到这一点？这是现在的代码

.page-header
  %h1
    = @org.name
    %small= t('.title')
= form_for @org_admin, |
       url: organization_organization_admins_path(@organization) do |f|
  .form-group
    = f.label t('.user')
    = f.hidden_field :user, id: 'user_id'
    %input.typeahead{ :type => "text", :autocomplete => "off"}
= f.submit t('.submit'), class: 'btn btn-primary'
= link_to t('.back'), organization_organization_admins_path(@organization)
:javascript
  $(document).ready(function() {
  $('input.typeahead').typeahead({
    name: 'names',
    remote: "#{search_organization_organization_admins_path(@organization)}?term=%QUERY",
    engine: Hogan,
    template: '<p><strong>{{username}}</strong></p>',
    limit: 10
    }).on('typeahead:selected', function(e, data){
        $('#user_id').value = data.id
    });
  });

所以，我想用控制器返回的 json 对象填充表单中的 :user 属性

4

1 回答 1

0

没关系，我想通了......上面的代码在正确的路径中，除了对这一行的调用

$('#user_id').value = data.id

因为我使用 jQuery 来选择隐藏元素，所以我不得不使用 jQuery val 函数

$('#user_id').val(data.id)
于 2013-11-08T18:03:28.573 回答