基于Rails中的另一个表单输入填充隐藏字段

时间:2013-03-05 03:18:57

标签: javascript ruby-on-rails ruby ruby-on-rails-3 autocomplete

我在rails应用程序中使用omniauth和koala来获取登录用户的朋友(和uid)的列表。我想让用户开始输入朋友的名字并自动完成工作,这样当用户选择朋友时,表单会将该朋友的uid放入表单中的隐藏字段。看起来似乎应该是可能的,如果不容易的话。

另一个复杂因素是我正在使用haml,所以我不太习惯在同一个文档中编写haml,javascript和ruby。

这是HAML

=form_for @nag do |f|
  =f.hidden_field :user_id, value: current_user.id
  =f.text_field :lendee_name, id: 'who', placeholder: 'Who owes you?'
  %div#friend-list
  =f.text_field :item, id: 'what', placeholder: 'What do they owe you?'
  =f.text_field :due_date, id: 'when', placeholder: 'When is it due?'
  =f.text_field :lendee_uid, id: 'lendee_uid', placeholder: 'Lendee uid?'

:javascript
  var allFriends = #{@friends};

这是Javascript

  $(function() {
    $("#who").autocomplete({
      source: allFriends,
      appendTo: $("#friend-list"),
      focus: function( event, ui ) {
        $( "#who" ).val( ui.item.value );
        return false;
      },
      position: { of: "#friend-list", at: "left top" }
    }).keyup(function (e) { // Dismiss the typeahead dropdown when hitting enter
          if(e.which === 13) {
              $(".ui-menu-item").hide();
          }
      });;
  });

0 个答案:

没有答案