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

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

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

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

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

提问 2012年 12月1日 @ Mordekaiser 上等兵 (232 威望)

分享到：

1个回答

一般input+select这样的体验都是为了模糊搜索，而且text的input可以输入内容，用来动态匹配和select里相符的项

但看你描述似乎不需要模糊搜索，这样的体验建议首先将input加上readonly只读属性，禁止用户输入改变数值，select效果用div模拟，绑定click事件将目标值传入input

回复 2012年 12月1日 @ Trundle 上等兵 (301 威望)

0 投票

0 回复 1 阅读

提问 2014年 6月7日 @ 爹妈罩我去战斗上等兵 (131 威望)

0 投票

1 回复 29 阅读

提问 2013年 12月25日 @ Renekton 上等兵 (260 威望)

0 投票

1 回复 24 阅读

提问 2014年 1月30日 @ 爹妈罩我去战斗上等兵 (131 威望)

0 投票

1 回复 65 阅读

提问 2012年 12月1日 @ LeBlanc 上等兵 (289 威望)

+2 投票

1 回复 46 阅读

提问 2013年 1月6日 @ Zed 上等兵 (260 威望)

...