如何制作有选项的text元素框

Question

事情是这样的，不知道问题描述的对不对：
我需要制作一个跟select元素类似text元素框.

<input readonly id="text1" name="text1" value="" />

点击选中text1的时候，在正下面会弹出一个选项页，然后选中某个选项之后，选项页消失，text1获得选中项的值。

这个体验功能是什么思路技巧做出来的？