就像腾讯的写短消息是要输入人名或选择人名那样的
解决方案 »
- JQ 简单的追加元素弄了1小时了,大神帮秒下,谢谢!
- 验证码的JS代码,怎样嵌套使用。。
- 求网站上获取上网用户的真实IP
- 如何使用DOM事件流动捕获
- 请问一个javascript效果?
- 请教,定义对象属性时使用了符号"||",是什么意思?
- onmouseout事件在Firefox与ie的select上的不同造成的麻烦:
- 请问,在JS里判断货币类型数据的函数怎么写啊
- 请问如何实现点击按钮,就可以把textfield控件里面的值,放到另一个textfield里面?
- 怎样动态使用下拉菜单的SELECTED属性
- 有<DIV>两个,怎样让它们水平排列,左边的为固定宽度,右边为自适应浏览器的宽度
- 如何播放音频
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
另外chosen插件也有你说的功能。
可编辑的下拉框 参考下<!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>