頁面特效 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');

相關鏈接

發表評論

腾讯彩票兑奖