html查找字段

Question

  如何创建一个html查找字段。所以，我想实现

1. 一个html输入字段，旁边有一个图标/按钮
2. 当用户点击它时，弹出窗口会显示一个搜索表单（我假设可以预先创建并使用javascript隐藏）
3. 用户应用搜索，数据显示在同一个（弹出窗口）窗口中
4. 当用户选择一个值并应用ok时，字段值将被复制到原始输入字段，并且弹出窗口将关闭。

任何示例代码？有没有使用任何java脚本库的简单方法？或任何简单的jquery插件。

感谢。

Answer 1

在没有任何库或插件的情况下执行此操作是可能的，但这是非常不明智的。

我强烈推荐jQuery UI's Dialog widget。它非常简单，文档齐全且易于使用。

您可能会对how to use the Dialog to display a form感兴趣。单击该页面上的“查看源”链接，查看实现该效果所需的所有标记和代码。