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

下拉框的问题，可以选择也可以输入怎么做到

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

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

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

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

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

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

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

2、交互通过JavaScrip ...

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

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.selected==true){
                  document.getElementById('txts').innerHTML +=aOption.innerHTML
                }
            }
      }
    </script>
</html>

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

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

学习一下··
页: [1]
查看完整版本: 下拉框的问题，可以选择也可以输入怎么做到