读书人

怎么把input与select功能合一

发布时间: 2012-05-24 11:55:41 作者: rapoo

如何把input与select功能合一

PHP code
<input name='wc'>

可以输入值,并提交给wc.do文件。
如何让其再加一个功能,即select的样子,就是,可以选择,也可以自己输入值.
就是像百度搜索一样,下面会配出很多。

我知道是用ajax,我只会使用ajax把值传到一个<div id='dd'>此处来自ajax动态传的值</div>

但是像这种情况如何办呢?

[解决办法]
一个input一个div,给input加入按键监听,通过ajax查询然后将值显示在div里,控制div的显示和位置
[解决办法]
可编辑的下拉框?

HTML code
<!DOCTYPE HTML><html>    <head>        <meta charset="gb2312" />        <title></title>        <style>            .my-select * {                margin:0; padding:0;            }            .my-select input,            .my-select select {                font-size:100%;            }                        .my-select {                position:relative;                margin:100px;                font-size:12px;            }            .my-select-select {                position:absolute; left:0; top:0; *top:1px;                width:100px;                clip:rect(0 auto auto 80px);            }            .my-select-text {                width:80px; *height:16px; *line-height:16px;            }        </style>    </head>    <body>        <div class="my-select">            <select class="my-select-select" id="my-select-select">                <option value="1-1">1-11111111111111111111111</option>                <option value="1-2">1-2</option>                <option value="1-3">1-3</option>            </select>            <input class="my-select-text" id="my-select-text" />        </div>        <script>            function $(o){return document.getElementById(o)}            $('my-select-select').onchange = function(){                $('my-select-text').value = this.value;            }        </script>    </body></html> 

读书人网 >JavaScript

热点推荐