javascript - input标签变为select属性的
PHP中文网
PHP中文网 2017-04-10 15:26:02
[JavaScript讨论组]

像这样的一个input标签,怎样把它变为select的下拉框呢,样式要看不见下拉框,? 最好是点击这个输入框就会出现下拉框,谢谢哦 ~
<input id="bp-txt-3" type="text" class="be-txt-input-2 form-control" placeholder="行业(必填)">

PHP中文网
PHP中文网

认证0级讲师

全部回复(2)
怪我咯

3种办法可以达到你要的效果:
1、你自己用js模拟写一个下拉效果,这种不推荐,写得太麻烦。
2、你搜索一下“select2”这个插件就是你要的,引入后使用非常方便,效果也是比较好的。
3、html5的标签属性,但效果一般,并且需要支持html5的浏览器支持,例子如下:

<input id="myCar" list="cars" />
<datalist id="cars">
  <option value="BMW">
  <option value="Ford">
  <option value="Volvo">
</datalist>
PHPz

http://www.w3schools.com/tags/tag_datalist.asp
用datalist就好 不过Safari这个功能不能用。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号