如何在下拉列表中使用我自己的html创建自定义下拉列表？

Question

目前我有一个文本框，当用户进入文本框时，我想要一个下拉到apppear，但我希望能够实际将HTML注入到下拉空间...（因为我试图插入一个树视图）

见附图

Answer 1

jQuery autocomplete plugin它会为您提供附加屏幕截图中的内容。

如果您想要自定义自动填充（具有树结构）：您可以在jQuery自动完成中使用category选项

Answer 2

我认为这就是你要找的东西。 这将创建您希望作为建议显示的内容列表。 http://www.w3schools.com/tags/att_input_list.asp

<form action="demo_form.asp" method="get">
<input list="browsers" name="browser">
<datalist id="browsers">
  <option value="Internet Explorer">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>
<input type="submit">
</form>

注意：Internet Explorer 9及更早版本或Safari中不支持datalist标记。

Answer 3

为此，您需要使用Ajax。 它的工作方式是用户输入，ajax将向服务器发送信息，告诉用户键入的内容。服务器将使用此信息从数据库中查找信息。然后，服务器将信息从数据库返回给客户端。此信息将被注入HTML下拉列表。

您可以在此处找到详细的示例：http://www.w3schools.com/ajax/ajax_aspphp.asp