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

时间:2014-03-11 02:28:44

标签: jquery html

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

见附图 enter image description here

3 个答案:

答案 0 :(得分:1)

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

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

答案 1 :(得分:1)

我认为这就是你要找的东西。 这将创建您希望作为建议显示的内容列表。 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标记。

答案 2 :(得分:0)

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

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