javascript - 如何制作有选项的text元素框
事情是这样的，不知道问题描述的对不对：
我需要制作一个跟select元素类似text元素框.
<input readonly id="text1" name="text1" value="" />
点击选中text1的时候，在正下面会弹出一个选项页，然后选中某个选项之后，选项页消失，text1获得选中项的值。
这个体验功能是什么思路技巧做出来的？
Maison > Questions et réponses > le corps du texte
事情是这样的，不知道问题描述的对不对：
我需要制作一个跟select元素类似text元素框.
<input readonly id="text1" name="text1" value="" />
点击选中text1的时候，在正下面会弹出一个选项页，然后选中某个选项之后，选项页消失，text1获得选中项的值。
这个体验功能是什么思路技巧做出来的？
数据分析师2017-10-01 01:13:12
javascript - Comment créer une zone d'élément de texte avec des options - Questions et réponses sur le site Web PHP chinois - javascript - Comment créer une zone d'élément de texte avec des options - Questions et réponses sur le site Web PHP chinois
Jetez un œil autour de vous et apprenez.
大家讲道理2017-04-10 12:43:33
一般input+select这样的体验都是为了模糊搜索，而且text的input可以输入内容，用来动态匹配和select里相符的项
但看你描述似乎不需要模糊搜索，这样的体验建议首先将input加上readonly只读属性，禁止用户输入改变数值，select效果用p模拟，绑定click事件将目标值传入input
PHP中文网2017-04-10 12:43:33
/* fakecode */
var trigger = document.getElementbyId('text1'),
toggleFn = function(){
target.style.display = (target.style.display == '') 'none': '';
};
trigger.click = function(){
toggleFn();
}
//setVal
if (target.selected) {
trigger.value = target.value;
toggleFn();
}