Умный выбор не позволяет отображать параметры

Question

В приведенном здесь примере, щелкнув элемент в списке, отобразится список доступных параметров.

Итак, я создал smart select элемент также и добавить его параметры в Javascript. В этом случае все работает нормально, аналогично ссылке, которую я предоставил.

Но я хочу, чтобы вместо того, чтобы показывать список параметров, я хочу, чтобы параметры не отображались. Мне это нужно особенно, когда есть только один доступный вариант или вообще нет доступных вариантов. Как я мог это сделать?

Я старался event.preventDefault, но, похоже, ничего не делает.

Посмотреть:

<div class="list-block">
  <ul>
    <li>
      <a href="#" class="item-link smart-select" data-back-on-select="true" data-navbar-theme="red" data-form-theme="green">
        <select class="test">
        </select>
        <div class="item-content">
          <div class="item-inner">
            <div class="item-title">Sample Title</div>
          </div>
        </div>
      </a>
    </li>
  </ul>
</div>

JS: (Добавить опции в мой элемент smart select)

myApp.smartSelectAddOption('.test', '<option value="1">Item 1</option>');
myApp.smartSelectAddOption('.test', '<option value="2">Item 2</option>');
myApp.smartSelectAddOption('.test', '<option value="3">Item 3</option>');

Answer 1

После копания framework7 библиотека. Я нашел этот кусок кода.

if (select.disabled || smartSelect.hasClass('disabled') || $select.hasClass('disabled')) {
return;

}

Таким образом, чтобы НЕ отображать опции умного выбора, нам просто нужно добавить класс disabled

$$('.test').addClass('disabled');