0

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

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

+

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

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

我想避免有两个字段，我只想将它们结合起来。

4

3 回答 3

1

如果 datalist 不适合您，可以使用一些第三方 JavaScript 插件来解决此类问题。Chosen 可以为您提供所需的功能，但不是开箱即用的。

这个代码的分支提供了它：https ://github.com/koenpunt/chosen

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

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

于 2013-06-14T15:47:18.330 回答
0

提琴手

<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>

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

于 2013-06-14T15:54:54.500 回答
-1

您可以使用<datalist>标签

<datalist id="browsers">
  <option value="Milk">
  <option value="Coffee">
  <option value="Tea">
</datalist>
于 2013-06-14T15:39:55.587 回答