select 选择框可以下拉选择或者自行输入
2013-05-10 22:46
309 查看
实质上是用CSS将一个input标签和一个select标签重合做出来的效果,select发生onchange时间时,将对应的value写到input标签中,还是蛮巧妙的。
原文地址:http://www.corange.cn/archives/2009/09/3440.html
<div style="position:relative;"> <span style="margin-left:100px;width:18px;overflow:hidden;"> <select style="width:118px;margin-left:-100px" onChange="this.parentNode.nextSibling.value=this.value"> <option value="corange.cn">corange.cn</option> <option value="www.corange.cn">www.corange.cn </option> <option value="corange"> corange </option> </select></span><input name="box" style="width:100px;position:absolute;left:0px;"> </div>
原文地址:http://www.corange.cn/archives/2009/09/3440.html
相关文章推荐
- 可以输入也可以下拉选择的select
- 类似智能购票的demo--进入页面后默认焦点在第一个输入框,输入内容、回车、right时焦点自动跳到下一个,当跳到select时,下拉选项自动弹出,并且可以按上下键选择,选择完成后再跳到下一个。
- 可以输入也可以下拉选择的select
- 使得select选择框也可以输入
- html 中可以自定义输入的 select 下拉列表
- 一个既可以下拉选择,又可以输入的DropDownList
- 怎样使下拉选择框可以输入
- 基于jQuery实现select下拉选择可输入附源码下载
- 既可以输入新的信息,又可以从下拉框中选择的代码
- js:可输入可选择的select下拉框,可及时匹配包含输入的内容(兼容ie)
- JQUERY-SELECT 实现下拉框可以搜索、选择
- 简单实用js——可输入可选择可模糊查询的select下拉
- 可编辑的下拉选择框,既可以输入又可以选择
- select选择框变得可以输入、编辑
- 基于jQuery实现select下拉选择可输入附源码下载
- [转帖]下拉列表可以输入也可以选择
- 既可以输入也可以选择的下拉框,.NET结合jquery
- 【2009-10-12】使得select选择框也可以输入
- 怎么实现select可以下拉也可以输入的功能
- angularjs 下实现即可通过select选择 也可以通过input输入