您可以使用键盘输入以在引导程序3下拉菜单中快速选择一个条目吗?

时间:2020-02-26 23:48:30

标签: javascript jquery css twitter-bootstrap twitter-bootstrap-3

我必须先单击click + typing +“ Enter”才能使用旧的bootstrap 3下拉菜单,这可能吗?用户将单击下拉按钮,键入“ 123”,“ 1234”将突出显示,然后单击“ Enter”将其选中。我读到data-value属性可能有用,但是没有用。

<ul class="nav">
  <li>
    <button class="btn btn-link dropdown-toggle" type="button" data-toggle="dropdown">
      Select Time
    </button>

    <ul class="dropdown-menu dropdown-menu dropdownTimes" style="font-size:21px;">
      <li><a data-value="5" duration="5">5</a></li>
      <li><a data-value="10" duration="10">10</a></li>
      <li><a data-value="15" duration="15">15</a></li>
      <li><a data-value="20" duration="20">20</a></li>
      <li><a data-value="25" duration="25">25</a></li>
      <li><a data-value="30" duration="30">30</a></li>
      <li><a data-value="35" duration="35">35</a></li>
      <li><a data-value="40" duration="40">40</a></li>
      <li><a data-value="45" duration="45">45</a></li>
      <li><a data-value="50" duration="50">50</a></li>
      <li><a data-value="55" duration="55">55</a></li>
      <li><a data-value="60" duration="60">60</a></li>
      <li><a data-value="65" duration="65">65</a></li>
      <li><a data-value="70" duration="70">70</a></li>
      <li><a data-value="75" duration="75">75</a></li>
    </ul>
  </li>
</ul>

我还尝试了不起作用的role =“ menu”(此链接How to make bootstrap button dropdown menu selectable by keyboard中列出的警告)

0 个答案:

没有答案