UI | 输入 | 媒体 | 导航 | 其他 | 网页模板| APP模板| 常用代码| 在线代码

jQuery移动端自定义select插件Ansel

所属分类：输入-选择框

 44912  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>
相关插件-选择框
查看更多

zcity全国城市三级联动插件(原创)

 zcity全国城市三级联动，模拟下拉框，样式完全自定义，可扩展多级联动；
  选择框
 33425  329

jquery 省市区三级联动选择（原创）

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

radio checkbox

 利用css3技术，实现替代浏览器自带的radio checkbox功能。不用js技术，纯轻量级的。
  选择框
 32067  312

jQuery自定义selects输入框

 jQuery Select下拉单选、多选美化,带输入查找功能
  选择框
 31977  351

讨论这个项目（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太丑了，又找不到合适的，所以就自己写一个，还有些不完善的地方，完善好了会提供下载

    回复
查看更多评论
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
取消回复