页面特效 UI组件库 菜单导航 窗口特效 幻灯片滑动 图像相册 表单 选项卡 表格 评分星级 手风琴 文本链接 布局 日历 颜色选择器 按钮 图表 html5 提示 ExtJS 在线客服 其他特效 地图 树形控件 移动开发 BootStrap 滑动条 文件上传 表单验证 分页 播放器 Angular VUE

美化下拉框变成弹出框供选择及搜索插件pickout

表单 HTML我帮您 1月前  次浏览

美化下拉框变成弹出框,弹出选择框后支持搜索插件pickout

NPM

npm install pickout --save

By CDNJS

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/pickout/2.0.1/pickout.min.css"> ... </head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pickout/2.0.1/pickout.min.js"> ... </head>
<!-- Normal use -->
<div class="form-group">
	<label for="option">Option:</label>
	<div class="pk-form">
		<select name="option" id="option" class="option all" placeholder="Select a option">
			<option value=""></option> <!-- If the check is not required, submit a default value empty -->
			<option value="opt1">Option 1</option>
			<option value="opt2">Option 2</option>
			<option value="opt3">Option 3</option>
			<option value="opt4">Option 4</option>
		</select>     
	</div>  
</div>

// javaScript
pickout.to('.option');

相关链接

发表评论