Question

使用此代码在常规视图中正常工作：

.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;"

这是我的JS for select 2：

 $('.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下拉/表格来控制相同的值..但是，我认为只有原始控制它..

select2下拉菜单在移动视图中不选择新值，请选择2个导轨

0 个答案: