[已解决]下拉框的问题，可以选择也可以输入怎么做到

chun888 · 发表于 2018-10-11 10:21:14

请看图片，下拉框里可以选择，然后也可以输入，请问使用什么技术可以实现，有什么思路

最佳答案

月排行榜 / 总排行榜

不二如是

2018-10-11 10:21:15

1、从鱼油发的GIF来看，输入框可以是textarea元素，下拉框可以通过ul元素手写出来

2、交互通过JavaScript，绑定两个元素的文本项，细节优化也是如此。

3、如果是在线页面，可以查看源码，进行复刻

跳转到最佳答案楼层

不二如是 · 发表于 2018-10-11 10:21:15

1、从鱼油发的GIF来看，输入框可以是textarea元素，下拉框可以通过ul元素手写出来

2、交互通过JavaScript，绑定两个元素的文本项，细节优化也是如此。

3、如果是在线页面，可以查看源码，进行复刻

chun888 · 发表于 2018-10-11 17:26:03

不二如是发表于 2018-10-11 15:42
1、从鱼油发的GIF来看，输入框可以是textarea元素，下拉框可以通过ul元素手写出来

2、交互通过JavaScrip ...

你这么一说我还是有点想法了，你有没有例子，弄个代码来参考一下

Jons · 发表于 2018-10-23 10:43:36

<html>
    <head>        
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    </head>
    <select id="pid" onchange="gradeChange()">
        <option value="1">测试1</option>
        <option value="2">测试2</option>
        <option value="3">测试3</option>
        <option value="4">测试4</option>
        <option value="5">测试5</option>
    </select>

    <textarea id="txts" rows="9" cols="50">
        
    </textarea>
    <script>
        function gradeChange()
        {
            var oSel=document.getElementById('pid');
            var aOption=oSel.getElementsByTagName('option');
            for(var i=0;i<aOption.length;i++){
                if(aOption[i].selected==true){
                    document.getElementById('txts').innerHTML +=aOption[i].innerHTML
                }
            }  
        } 
    </script> 
</html>

我这个没有写完，我的大体思路是这个这样的，文本鼠标位位置，在回去的select 的内容，将内容添加的文本域里，

考拉熊 · 发表于 2018-10-28 22:48:37

学习一下··

账号		自动登录	找回密码
密码			立即注册