Question

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

所以我也创建了一个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：（在我的智能选择元素上添加选项）

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');

智能选择阻止显示选项

1 个答案: