javascript - 可编辑下拉菜单？

Question

我有一个带有 4 个文本框的 php 页面，当文本框获得焦点时，每个文本框都需要一个“下拉菜单”。单击选项将填充(可编辑)文本框并关闭下拉列表。文本框当然是 html 表单的一部分。如何使用最少的代码通过 javascript 或 ajax 内联执行此操作？

Answer 1

除非你调用网络服务器，ajax 在这里是没有用的。

您需要拥有或创建一个 div，因为它位于输入框下方，并且绝对定位有助于确保它相对于输入框正确放置。

你应该只有一个函数，因此它应该适应输入字段，这就是绝对定位的原因。

您需要跟踪此 div 中的按键和鼠标单击事件，并确保一次只有一个打开，因此设置一个 onblur，以便在用户单击其他任何位置时 div 关闭。