由于要做一个纯静态的客户端项目,又考虑到成本和使用场景,所以选择hta。

hta由于历史原因,逐步被淘汰,网上的资料少得可怜,hta对新的前端技术支持非常差劲。

进入正题。

1.整个项目采用的是bootstrap系列,下拉表单最初使用的是bootstrap-select,这个插件外观大气,但是兼容性最差,在IE中样式完全不同,在hta中直接报错,无法使用,遂放弃。

2.第二个选择是chosen.jquery.js,这个插件兼容性不错,但是网上没有找到如何设置插件高度,修改了源码中的样式之后,虽然达到高宽的效果,但是bootstrap的响应式也被破坏了,调不过来。。谁知道的留个言。。

3.第三个选择的是select2.js,这个插件外观也很不错,用起来比chosen.jquery.js更加简单,只需要增加width:100%即可达到响应式效果。。。

所以最终采用了select2.js

在hta中使用select下拉框相关推荐

  1. TP中给select下拉框选中的内容搜索选中seleted

    开发某个搜索功能时,在select下拉框选中条件后,单击搜索后总是重置下拉框条件,不能固定之前选中的条件.因此使用TP框架中的IF标签来实现. 代码如下: <select name=" ...

  2. antd vue 多个下拉 联动_antd中select下拉框值为对象选中的问题

    使用antd中的select下拉框,遇到个小问题,后台管理系统中,使用下拉框,一般不会是简单的就直接使用select中的value值,而是会使用id或者value中文对应的keyword,并且这个在o ...

  3. Vue中select下拉框的默认选中项的三种情况

    在Vue中 使用select下拉框 主要靠的是 v-model 来绑定选项 option 的 value 值. select下拉框在界面的展示,我们都希望看到框中有一个值 而不是空白,比如显示 &qu ...

  4. iview select选中值取值_完美解决iview 的select下拉框选项错位的问题

    在使用iview的过程中,我遇到这样一个问题,在Model中使用select下拉框组件.但是当弹出框超过一屏需要滚动时,select的下拉选项会出现错位(下图1为正常,图2为滚动后,下拉选项错位.) ...

  5. layui 下拉框空选项不显示_layui下select下拉框不显示或没有效果

    Layui会对select.checkbox.radio等原始元素隐藏,从而进行美化修饰处理.但这需要依赖于form组件,所以你必须加载 form,并且执行一个实例.值得注意的是:导航的Hover效果 ...

  6. iview select 怎么清空_如何解决iview 的select下拉框选项错位的问题,具体操作如下...

    下面我就为大家分享一篇完美解决iview 的select下拉框选项错位的问题,具有很好的参考价值,希望对大家有所帮助. 在使用iview的过程中,我遇到这样一个问题,在Model中使用select下拉 ...

  7. Ant Design select下拉框突然拉长

    Ant Design select下拉框在弹窗中被拉长 在使用react+Ant Design的开发中 使用select下拉框遇到了以下情况 在弹窗里面 ,表单内容较多出现了下拉条,然后在点击搜索框输 ...

  8. CSS-解决苹果点击高亮、安卓select灰色背景(select下拉框在IOS中背景变黑、出现阴影问题)

    CSS-解决苹果点击高亮.安卓select灰色背景(select下拉框在IOS中背景变黑.出现阴影问题) 参考文章: (1)CSS-解决苹果点击高亮.安卓select灰色背景(select下拉框在IO ...

  9. vue 的elementui中select下拉框多选项-multiple属性

    vue的select下拉框多选项-multiple属性 最近在使用vue-element-admin这个后台管理框架开源模板在做一个管理后台,使用起来其实还挺方便的,大部分的组件源码里面都已经写好了, ...

最新文章

  1. Android studio 文件包名连在一起的处理方法
  2. Gartner十大IT预测:七大数字巨头,有五家将心甘情愿“自我颠覆”
  3. 编译gtk+程序报错gcc: pkg-config --cflags --libs gtk+-2.0: 没有那个文件或目录
  4. websocket采用tomcat方式,IOC类对象无法注入的解决方案
  5. GDCM:提取JP2文件所有解析度的测试程序
  6. 程序员的选房神技,GitHub上的房源爬虫
  7. java写dnf外掛_dnf卡盟_Java的泛型详解(一)
  8. 2019阿里云开年Hi购季满返活动火热报名中!
  9. yousa_team团队项目——兼职平台网站 工作进度
  10. Django restframework重写get_serializer_class方法自定义serializer_class
  11. Ubuntu 重装显卡驱动(因内核升级导致失效后)
  12. Kubernetes — 监控方案
  13. 【ios】为什么要在Other Linker Flags添加Flag (eg:-ObjC、-lc++等)?
  14. 21个小故事、透过现象看本质
  15. 海外服务器对外提供业务是否需要ICP许可证?
  16. burpSuit抓取app的数据包
  17. 简单实现敏感词过滤功能
  18. Solving a “communications link failure” with jdbc and mysql :Cannot connect to database server Commu
  19. android 调用系统图库剪切图片出现黑屏闪退
  20. 老外说中国姓氏^_^

热门文章

  1. 区块链需要学习哪些东西_2020年学区块链需要什么基础?(非常详细)
  2. 360百科词条怎么创建(教你100%通过审核方法)
  3. 软工实践第八次作业(课堂实战)- 项目UML设计(第五组)
  4. EPLAN插入设备时无法打开mdb文件处理方法
  5. 【Element】element-ui 进行表格数据的可修改及某一行可删除
  6. 如何下载谷歌地球海底高程并生成DWG格式的等深线
  7. 为Apple Watch设计:产品策略
  8. 远禾科技出席阿里ASRC生态大会 并参与安恒西湖论剑...
  9. OpenStack Magnum 项目简介
  10. 三国演义人物词频统计-1