如何区分select2插件在非弹窗和弹窗上的区别

发布网友发布时间：2022-05-12 04:27

共1个回答

热心网友时间：2022-04-24 01:19

第一步，打开HBuilder设计工具，创建web项目jqueryUI，并将相应的js和css文件拷贝到指定的目录下，如下图所示：

第二步，将jquery UI核心css样式文件、js文件以及select2样式文件和js文件引入到web项目中，如下图所示：

第三步，在body标签元素内插入div标签，并在div中插入select标签以及option选项，如下图所示：

第四步，利用jquery核心初始化方法，添加jquery UI弹窗js，并设置弹窗高度、宽度和按钮，如下图所示：

第五步，添加了弹窗js和下拉框后，接着在浏览器中预览该页面功能，这时会在页面中看到一个弹窗，弹窗中有个下拉框，如下图所示：
步骤阅读
第六步，然后将select下拉框外层的div标签元素去掉，预览页面，会看到页面中下拉框，如下图所示：