可以输入有可以下拉的选择的怎么做啊

就像腾讯的写短消息是要输入人名或选择人名那样的

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

list 属性
list 属性规定输入域的 datalist。datalist 是输入域的选项列表。
注释：list 属性适用于以下类型的 <input> 标签：text, search, url, telephone, email, date pickers, number, range 以及 color。
实例
Webpage: <input type="url" list="url_list" name="link" />
<datalist id="url_list">
<option label="W3Schools" value="http://www.w3school.com.cn" />
<option label="Google" value="http://www.google.com" />
<option label="Microsoft" value="http://www.microsoft.com" />
</datalist>
http://www.w3school.com.cn/tiy/t.asp?f=html5_form_datalist
既然能在网上找到例子。那何不抠下来研究研究？Ext里有这样的效果
另外chosen插件也有你说的功能。
用一个input  把select 覆盖上. 不要覆盖到右侧的下来按钮,  然后当改变select的value的时候修改input的value     改变input的value的时候修改select  js 修改很简单就能做到.
一般都div input来模拟
可编辑的下拉框参考下<!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>

可以输入 有可以下拉的选择的怎么做啊

解决方案 »

可以输入有可以下拉的选择的怎么做啊