2016-09-18 98 views
-3

我希望用户能够在设置的文本框中输入文本。 如果他们不知道他们的选项,我希望他们能够点击展开并从下拉菜单中选择,例如在this页面上。文本框/选择高级选项

我怎样才能得到这个?

+0

清除语法和表达式。 – Prune

回答

0
  • 对于HTML唯一的解决方案使用<datalist>

<input list="somelist" name="myBrowser" /> 
 
<datalist id="somelist"> 
 
    <option value="option1"> 
 
    <option value="option2"> 
 
    <option value="option3"> 
 
</datalist>

  • 对于多一点的定制解决方案,您可以使用jQuery UI的Autocomplete

  • 要获得更多选项,您可以使用select2

+0

这将提供自动完成,但我想打开一个窗口,并允许用户也看到这些选项。 – kiwis

+0

通过单击文本框的右侧可以看到选项。在Chrome中,您也可以看到一个箭头,尽管我相信它是唯一一个使用侧向箭头实现此元素的浏览器。无论如何,我增加了另一个解 –

+0

谢谢。我可以使用2种方法吗?方法1:在代码示例中使用DataList,方法2:在文本框的焦点上显示DIV,并使用JavaScript将文本添加到文本框中,然后在显示的DIV上单击它。 – kiwis