select2 选择框不能出现

yunzhonghefei

于 2017-10-21 15:14:50 发布

阅读量3.8k

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript select2 文章标签： javascript select2

本文链接：https://blog.youkuaiyun.com/yunzhonghefei/article/details/78303758

javascript 同时被 2 个专栏收录

3 篇文章

订阅专栏

select2

1 篇文章

订阅专栏

本文介绍了一次框架迁移过程中遇到的问题：使用Select2控件的页面无法正常显示输入框。通过对权限配置、数据加载逻辑及前端代码的调试，最终定位到是因为缺少菜单项对应的URL定义导致的权限校验失败，进而影响了页面渲染。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

近期做框架迁移，迁移完之后发现其中一个使用了select2控件的页面展示不正常，表现为没有输入框，通过F12查看，该有的样式都存在，页面中select2.js/select2.css路径也都引用正常，把原有的页面复制粘贴过来，仍然不行。

项目中使用的shiro权限框架，其中有自定义实现的过滤器，判断每个请求的url是否合法，debug进去之后发现，该url判断的结果为false，即当前用户没有该接口的访问权限，检查数据库的菜单表和角色表，发现两个表中均缺少该菜单项对应的url定义，插入之后，重启服务，再次进入该页面，展示正常，点击输入框，也可以正常提示。

select2 需要提供下拉菜单对应的数据列表，之后才会执行对应的业务：

	jQuery(function(){
		jQuery("#search_activequeryuserid").select2({ 
			data:all_data, 
			placeholder:''
		}); 
	});

在接口执行不成功的前提下，该方法自然不会执行，也就影响了页面上该有的显示效果。

前后都是有联系的。