首页 前端知识 select下拉框功能

select下拉框功能

2024-06-22 01:06:31 前端知识 前端哥 672 254 我要收藏

select标签添加功能

      • 初始化
      • 一、搜索功能data-live-search="true"
      • 二、多选功能multiple="true"

初始化

<script>
 $(function() {
	// 初始化下拉框值
            $("#select").selectpicker("refresh");//初始数据
	});
</script>

一、搜索功能data-live-search=“true”

<select id="select"  title="请选择" data-live-search="true">
           <option value="a">a</option>
           <option value="b">b</option>
           <option value="c">c</option>
</select>

二、多选功能multiple=“true”

<select id="select" title="请选择" multiple="true">
           <option value="a">a</option>
           <option value="b">b</option>
           <option value="c">c</option>
</select>
转载请注明出处或者链接地址:https://www.qianduange.cn//article/13212.html
标签
select.
评论
发布的文章

Markdown基础与进阶语法

2024-06-30 22:06:12

零基础 HTML 入门(详细)

2024-06-30 22:06:09

CSS3基本语法

2024-06-30 22:06:51

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!