smart select 防止显示选项

Question

在示例 here 中，单击列表中的项目将显示可用选项列表。

所以我也创建了一个 smart select 元素并在 Javascript 中添加了它的选项。在这种情况下，它在我提供的 link 上工作得很好。

但我想要的是，我不希望显示选项列表，而是不显示选项。当只有一个选项可用或根本没有可用选项时，我尤其需要它。我该怎么做？

我尝试了 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:（在我的智能 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;

}

所以为了不显示智能 select 选项，我们只需要添加一个 class disabled

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

smart select 防止显示选项

smart select prevent from displaying options

javascript

html-framework-7