Jsp页面input下拉菜单的搜索智能联想

猫头猫@1024

于 2019-02-19 15:09:51 发布

阅读量1k

点赞数 1

分类专栏： jsp 文章标签： Js 搜索框智能联想

本文链接：https://blog.youkuaiyun.com/Java_Long_Asus/article/details/87710005

版权

jsp 专栏收录该内容

12 篇文章

订阅专栏

本文介绍如何在JSP页面中集成Select2下拉框组件，包括引入所需文件、编写初始化JavaScript函数及设置HTML元素class属性。通过具体示例展示实现搜索联想下拉菜单的全过程。

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

1.jsp页面引入以下文件：

<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js"></script>

2.填写JavaScript函数

$(function() {
       //下拉 
	 $('.js-example-basic-single').select2();
})

3.在对应需要加入搜索联想的下拉菜单控件加入下列class属性

<select id="brand" class="js-example-basic-single">
	<option value=''>----请选择----</option>
	<option value=''>----请选择----</option>
        <option value=''>----请选择----</option>				
</select>