84669 personnes étudient
152542 personnes étudient
20005 personnes étudient
5487 personnes étudient
7821 personnes étudient
359900 personnes étudient
3350 personnes étudient
180660 personnes étudient
48569 personnes étudient
18603 personnes étudient
40936 personnes étudient
1549 personnes étudient
1183 personnes étudient
32909 personnes étudient
事情是这样的,不知道问题描述的对不对: 我需要制作一个跟select元素类似text元素框.
<input readonly id="text1" name="text1" value="" />
点击选中text1的时候,在正下面会弹出一个选项页,然后选中某个选项之后,选项页消失,text1获得选中项的值。
这个体验功能是什么思路技巧做出来的?
学习是最好的投资!
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.
一般input+select这样的体验都是为了模糊搜索,而且text的input可以输入内容,用来动态匹配和select里相符的项
但看你描述似乎不需要模糊搜索,这样的体验建议首先将input加上readonly只读属性,禁止用户输入改变数值,select效果用p模拟,绑定click事件将目标值传入input
/* 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(); }
http://jiangzhengjun.iteye.com/blog/4... 这个应该满足你的需求
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.
一般input+select这样的体验都是为了模糊搜索,而且text的input可以输入内容,用来动态匹配和select里相符的项
但看你描述似乎不需要模糊搜索,这样的体验建议首先将input加上readonly只读属性,禁止用户输入改变数值,select效果用p模拟,绑定click事件将目标值传入input
http://jiangzhengjun.iteye.com/blog/4...
这个应该满足你的需求