zoukankan      html  css  js  c++  java
  • Html5下拉控件同时支持文本输入和下拉代码

    有时候,下拉框不能满足我们的业务需求,还需要同时支持用户输入内容,默认的select标签是不支持用户输入的,下面我说一下原生的select如何支持用户输入,代码如下:

    <!DOCTYPE html>
    <html>
        <head>    
            <title></title>    
        </head>
        <body>
            <div style="position:relative;"> 
                <span style="margin-left:105px;overflow:hidden;"> 
                <select style="118px;margin-left:-100px;height:21px;" onchange="this.parentNode.nextSibling.value=this.options[this.selectedIndex].text;"> 
                    <option value="-1">请选择...</option> 
                    <option value="1">选项一</option> 
                    <option value="2">选项二</option> 
                    <option value="3">选项三</option> 
                </select>
                </span>
                <input type="text" style="100px;position:absolute;left:0px;" value="请选择..."> 
            </div>
        </body>
    </html>
  • 相关阅读:
    下载文件
    Cookie方法
    阿拉伯数字转大写
    格式化日期
    正向代理与反向代理
    get post 区别
    gulp
    什么是javascript中的同步&&异步?
    懒加载
    js操作dom时发生了什么?
  • 原文地址:https://www.cnblogs.com/yunfeifei/p/6257823.html
Copyright © 2011-2022 走看看