移动端弹出列表选择框

所属分类:输入-选择框

 1206  14  查看评论 (1)
移动端弹出列表选择框 ie兼容9

使用方法

引入以下文件

<!--必要样式-->
<link rel="stylesheet" href="css/pickout.css">
<script src="js/pickout.js"></script>

Html

<select name="city" id="city" class="city pickout" placeholder="选择一个城市">
    <option data-icon="&spades;" value="bj">北京</option>
    <option data-icon="&clubs;" value="sh">上海</option>
    <option data-icon="&hearts;" value="gz">广州</option>
    <option selected data-icon="&diams;" value="sz">深圳</option>
    <option data-icon="&#9786;" value="xg">香港</option>
    <option data-icon="&#9792;" value="sjz">石家庄</option>
    <option data-icon="&#9794;" value="cd">成都</option>
</select>

js

<script>
	// Preparar o select
	//pickout.to('.pickout');
	pickout.to({
		el:'.city',
		theme: 'dark', 
		search: true
	});
	// Caso o valor já venha do servidor, já atribui a sele??o automaticamente
	pickout.updated('.city');
	
</script>
相关插件-选择框

jQuery+css3下拉选择框

下拉选择,动画效果
  选择框
 22106  91

radio & checkbox

简洁好看的单选框,复选框
  选择框
 20234  179

酷炫的发光单选框

发光的动态竖直单选框
  选择框
 6266  42

jQuery地区选择(三级联动)

jQuery中国地区选择(最新地区数据全)三级联动插件
  选择框
 7673  30

讨论这个项目(1)回答他人问题或分享插件使用方法奖励jQ币

    语过添情 0
    2018/5/17 14:56:35
    感谢分享,是我需要的内容。 回复
取消回复