怎么把input与select功能合一
日期：2014-05-16 浏览次数：20312 次
如何把input与select功能合一
可以输入值，并提交给wc.do文件。
如何让其再加一个功能，即select的样子，就是，可以选择，也可以自己输入值.
就是像百度搜索一样，下面会配出很多。
我知道是用ajax,我只会使用ajax把值传到一个<div id='dd'>此处来自ajax动态传的值</div>
但是像这种情况如何办呢？
------解决方案--------------------
一个input一个div,给input加入按键监听,通过ajax查询然后将值显示在div里,控制div的显示和位置
------解决方案--------------------
可编辑的下拉框？
- 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>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
