jQuery移动端自定义select插件Ansel

所属分类:输入-选择框

 43533  330  查看评论 (13)
分享到微信朋友圈
X
jQuery移动端自定义select插件Ansel ie兼容9

插件只需要设置两个css,用于前台显示

引用所需要的文件

<script src="jquery.min.js"></script>
<script src="ansel_select.js"></script>

插件自定义样式

.ansel_input {
	height:40px;
	line-height:40px;
	margin:30px auto;
	width:200px;
	padding:0 10px;
	background:#fff;
	border-radius:4px;
}
.ansel_input .ansel_inputval {
	height:40px;
	line-height:40px;
	width:100%;
}

html

 <select class="select" isval="true" msg="选择数据1">
            <option value="">选择数据1</option>
            <option value="aaa" selected>aaa</option>
            <option value="bbb">bbb</option>
            <option value="ccc">ccc</option>
            <option value="ddd">ddd</option>
            <option value="high">high</option>
            <option value="evaporation">evaporation</option>
            <option value="moisture">moisture</option>
            <option value="when">when</option>
            <option value="thin">thin</option>
            <option value="approach">approach</option>
            <option value="benefit">benefit</option>
</select>

初始化插件

<script>
    $('.select').anselcfg({});
</script>
相关插件-选择框

jQuery城市联动选择

jQuery城市三级联动选择
  选择框
 61118  466

自制小清新select插件

通过原生生成美化后的,分享给初学者
  选择框
 38830  385

jQuery模拟多选框(checkbox)

jQuery模拟多选框(checkbox)
  选择框
 38883  359

jquery 省市区三级联动选择(原创)

省市区三级联动选择,可以任意改造样式
  选择框
 28208  319

讨论这个项目(13)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    圆圆滚滚:) 0
    2019/1/21 18:23:38
    hailiang 0
    2018/10/16 17:20:22
    怎么监听select的change事件
        hailiang0
        2018/10/16 17:46:53
        急问
    回复
    语过添情 0
    2018/5/23 9:16:09
    你好,是否支持iOS系统?
        陨落~星宇0
        2018/7/11 23:34:11
        支持的
    回复
    三毛 0
    2018/3/29 12:01:31
    怎么没有多选的呢?
        年华,浮云。0
        2018/4/4 9:53:22
        你有找到多选的好用的插件吗
    回复
    墨生麾 0
    2017/11/1 19:52:18

    你这个插件不错奥

        陨落~星宇0
        2018/7/11 23:34:42
        是挺好的,不过我没有JQ币下载怎么办
    回复
    蘑菇头 0
    2017/10/23 10:18:03

    有个问题,点击关闭之前,我任意选择的一条数据。点击关闭,然后发现弹出框里面的值是你之前选择的;

    回复
    0
    2017/8/25 9:20:55
    好棒,居然还有代码
        Ansel0
        2017/9/27 15:09:08

        是的,自己觉得手机端的select太丑了,又找不到合适的,所以就自己写一个,还有些不完善的地方,完善好了会提供下载

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复