可输入可选择下拉框
来源:互联网 发布:怎么参加爱淘宝 编辑:程序博客网 时间:2024/05/23 01:59
别跟我讲需求!这是开发人员心里无时无刻不在呐喊的话哪。。。
这段时间公司在开发个b2b电商后台,需求人员和我们说,我这个下拉框是可以输入的哦!我当时一脸懵逼,我接触前端那么久,我就还没见过可输入可选择的下拉框,当时就感觉顿时丰富了我的三观。没办法,那就上网搜呗。。。费我九牛二虎之力
HTML:
<select class="form-control" id="spec_num0" name="spec_num" onchange="document.getElementById('input0').value=$('#spec_num0 option:selected').text()"> <option>金宇彬</option> <option>TOP</option></select><input id="input" class="form-control selectInput" name="input" placeholder="请选择"/>
CSS:
.selectInput{position:absolute; margin-left:15px;padding-left:10px;width:130px;height:25px;left:1px;top:2px;border-bottom:0px;border-right:0px;border-left:0px;border-top:0px;}
它的核心思想就是把input定位在select上,当select发生变化时把值放到input上,这就形成了可输入可选择下拉框的视觉感受啦。
0 0
- 下拉框可输入可选择
- 可输入可选择下拉框
- 可输入可选择的下拉框
- magicsuggestjs 可输入可选择下拉框记录
- 仿下拉框,可选择,可输入,可匹配
- 可选择也可输入的下拉列表框,html文件
- 可输入可选择的下拉列表
- 可输入可选择的下拉框(input select)并且输入框获得下拉的内容
- js:可输入可选择的select下拉框,可及时匹配包含输入的内容(兼容ie)
- 可选择和输入的下拉列表框
- 可选择和输入的下拉列表框
- 简单实用js——可输入可选择可模糊查询的select下拉
- 可选择也可以输入的下拉列表框
- 可输入下拉框
- 可输入下拉框
- 可输入下拉框
- 可下拉输入框
- 可选择也可自定义的输入框实现(原创)
- 获取输入
- android (3):组件的布局(非常详细)
- java.lang.IllegalStateException: startRecording() called on an uninitialized AudioRecord.
- 杨辉三角
- 理解和使用 JavaScript 中的回调函数
- 可输入可选择下拉框
- react native video
- 常见OJ注意事项
- ubuntu16.04安装 + xshell连接虚拟机
- spring-boot整合kindeditor
- 内核态和用户态
- Qt 一些需要注意的点
- 程序设计周-火车售票系统
- Android系统篇之----Binder机制和远程服务调用机制分析