javascript - 如何制作有选项的text元素框
PHPz
PHPz 2017-04-10 12:41:33
0
4
932

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

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

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

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

PHPz
PHPz

学习是最好的投资!

répondre à tous(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

洪涛
/* 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...
这个应该满足你的需求

Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!