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>
  • 相关阅读:
    redux
    ajax跨域例子
    flux
    BSON数据格式
    JS代码风格自动规整工具Prettier
    JS通用模块模式 UMD
    Promise库
    webpack打包理解
    前端自动提示功能插件-typeahead
    socket.io emit callback调用探秘
  • 原文地址:https://www.cnblogs.com/yunfeifei/p/6257823.html
Copyright © 2011-2022 走看看