Question

在html中，是否有一个标签，它结合了文本字段和下拉列表？所以就像

<input type="text" size="30"/>

+

<select>
  <option>Milk</option>
  <option>Coffee</option>
  <option>Tea</option>
</select>

所以基本上，你可以输入字段，或点击下拉菜单（字段右侧的小按钮显示列表）并选择其中一个。

我想避免使用两个字段，我只想将它们组合起来。

Answer 1

如果datalist不适合您，可以使用一些第三方JavaScript插件。选择是为您提供所要求的功能，但不是开箱即用。

这段代码提供了它：https://github.com/koenpunt/chosen

这一切都来自这个拉取请求，其中包含一些有用的讨论和一些指向替代解决方案的指示。

https://github.com/harvesthq/chosen/pull/166

Answer 2

JsFiddle

<div id="menu">
  <ul>
    <li><a href="#">Option 1</a>
      <ul>
        <li><a href="#">SubOption 1.1</a><input type="text" name="SubOption"></input></li>
        <li><a href="#">SubOption 1.2</a></li>
          <li><a href="#">SubOption 1.3</a></li>
      </ul>
    </li>
    <li><a href="#">Option 2</a>
      <ul>
        <li><a href="#">SubOption 2.1</a></li>
        <li><a href="#">SubOption 2.2</a><input type="text" name="SubOption"></input></li>
        <li><a href="#">SubOption 2.3</a></li>
      </ul>
    </li>
    <li><a href="#">Option 3</a>
      <ul>
        <li><a href="#">SubOption 3.1</a></li>
        <li><a href="#">SubOption 3.2</a></li>
        <li><a href="#">SubOption 3.3</a><input type="text" id="SubOption"></input></li>
      </ul>  
    </li>
  </ul>
</div>

这是你的意思，它需要清理，所以文本字段是正确的大小，但这是你的意思吗？

Answer 3

您可以使用<datalist>代码

<datalist id="browsers">
  <option value="Milk">
  <option value="Coffee">
  <option value="Tea">
</datalist>

是否有下拉菜单的标签，您也可以输入？

3 个答案: