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

Question

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

Answer 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>

Answer 2

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

我的代码：

<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>