相扑选择 - 如何使加载的列表框始终打开？

Posted 2023-05-08

【中文标题】相扑选择 - 如何使加载的列表框始终打开？

【英文标题】：Sumo select - how to make the listbox be loaded always open?

【发布时间】：2019-02-19 13:40:38

【问题描述】：

如何使加载的列表框始终打开？喜欢用户点击？

【问题讨论】：

我们需要您的代码来帮助您。像 Google 一样对待 Stackoverfow 不一定会取得成功。请收下Tour 并阅读How to Ask。

【参考方案1】：

您可以简单地将 open 类添加到 sumo 元素，例如：

$('.SumoSelect').addClass('open');

或基于您的选择选择器，例如：

$('you_select_selector').parent().find('.optWrapper.multiple').addClass('open');

$('#island').SumoSelect(
  placeholder: "TestPlaceholder"
);

$('.SumoSelect').addClass('open');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://cdn.rawgit.com/HemantNegi/jquery.sumoselect/6c94c948/sumoselect.css" rel="stylesheet" />
<script src="https://cdn.rawgit.com/HemantNegi/jquery.sumoselect/master/jquery.sumoselect.js"></script>

<select id="island" multiple class="test">
  <option value="Big Island">Big Island</option>
  <option value="Oahu">Oahu</option>
  <option value="Kauai">Kauai</option>
  <option value="Maui">Maui</option>
</select>

【讨论】：

非常感谢，第一个解决方案非常适合我的问题！来自巴西的 tks

我遇到了问题，我添加了以下选项：jQuery ('.SumoSelect')。 addClass('打开'); asp: 列表框总是按预期打开，但是当用户单击列表中的某个项目时，它不选择（不选择任何项目），除了你上面放的例子......你能帮帮我吗？

【参考方案2】：

我在添加选项后遇到了问题：jQuery ('.SumoSelect')。 addClass('打开'); asp: 列表框始终按预期打开，但是当用户单击列表中的某个项目时，它不选择（不选择任何项目），除了您上面放置的示例

我的代码：

<script src="/js/Alex/jquery.sumoselect.min.js" type="text/javascript"></script>

      <script type="text/javascript">
             jQuery(document).ready(function () 
                jQuery(<%=lstBoxClientes.ClientID%>).SumoSelect( search: true, searchText: 'Pesquise...' );                                                              jQuery('.SumoSelect').addClass('open');
                  );                                                 
      </script>        


  <asp:listbox runat="server" id="lstBoxClientes" selectionmode="single" DataSourceID="dsclientes" 
    DataTextField="cliente"  DataValueField="clienteid">
      </asp:listbox>