1

使用以下代码在常规视图中运行良好：

.profile-searchbar.text-left                                                                                                                                                                                                          
  = form_tag(compare_path, method: 'get', remote: true, id: 'compare_form') do                                                                                                                                                        
    = select_tag "v_friend_id", options_from_collection_for_select(@v_friends, 
    :id, :full_name, @comparison.v_friend.id), 
    :include_blank => true, :class => "compare-search"

但是，在移动设备上呈现的移动设备视图中（bootstrap col-xs）它不会更新所选值。它保持在原来的那个。如果我在常规视图中更改它，然后缩小屏幕，它会显示一个新值，但我无法在移动视图中使用此 select2 表单选择一个。似乎只选择默认值。

这是我的移动视图中的 select2 选项，我制作了一个单独的下拉菜单，因为该设计不允许简单地缩小原始 select2 下拉菜单：

= form_tag(compare_path, method: 'get', remote: true, id: 'compare_form') do                                                                                                                                 
  = select_tag "v_friend_id", options_from_collection_for_select(@v_friends, 
  :id, :full_name, @comparison.v_friend.id), 
  :class => "compare-searchM", :style => "width:90%; margin-left: 3px;"

这是我选择 2 的 JS：

 $('.compare_btn').on('click', function () {
      $("#compare_form").submit();
    });

 $(".compare-search").select2({
      placeholder: "Search to compare",
      allowClear: true
    });

    $(".compare-searchM").select2({
      placeholder: "Search to compare",
      allowClear: true
    });

基本上，似乎我需要 2 个 selct2 下拉列表/表单来控制相同的值。但是，我认为只有原始的在控制它。

4

0 回答 0