jquery城市选择

基于jquery的城市选择插件

城市选择插件的难度不是很大,主要是对dom节点的操作.而我写的这个插件相对功能比较简答,没有加入省市联动. 上代码好了,参照代码的注释应该比较好理解. /* *基于jquery的城市选择插件 *author:youziclub *2015-4-22 */ ;(function($){ $.fn.city=function(options){ // 城市信息 var nav=['热门','A-G','H-L','M-T','W-Z','其他']; var cityName=["上海,北京,广州,昆

JQuery城市选择

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>省市列表联动</title> <script type="text/javascript" src="../js/jquery-1.8.3.js" ></script> <script> function showTips

jquery城市选择案例

1.代码实例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>04-jQuery-城市选择案例</title> <style type="text/css" media="screen"> select { width: 200px; backgroun

基于jQuery仿去哪儿城市选择代码

基于jQuery仿去哪儿城市选择代码.这是一款使用的jQuery城市选择特效代码下载.效果图如下: 在线预览源码下载实现的代码. html代码: <div class="lineSearch"> <ul> <li class="thRelative" id="hhDrop00"> <div class="boxSearch"> <span class="k

jquery插件课程1 幻灯片、城市选择、日期时间选择、拖放、方向拖动插件

jquery插件课程1 幻灯片.城市选择.日期时间选择.拖放.方向拖动插件一.总结一句话总结:都是jquery插件,都还比较小,参数(配置参数.数据)一般都是通过json传递. 1.插件配置数据或者参数的时候用的是什么数据结构? json数据结构 23 $('.bxslider').bxSlider({ 24 'speed':500, 25 'auto':true, 26 'pause':2000, 27 'autoHover':true, 28 'mode':'fade' 29 });

移动端城市选择JavaScript插件（基于WG的城市选择插件的修改版本）

周末的时候趁着一次机会,拿WG(博客)开发的城市选择插件改了一个移动端可以直接用的城市选择插件. 原版插件是基于原声JavaScript写的,在此先感谢作者. 我做的只是依照肯德基注册会员的页面的交互效果改了一下界面,同时将各个触发效果改成了跟肯德基注册页面类似的交互效果,源程序不依赖jQuery但是我自己做简单的交互的时候偷懒使用了jQuery所以,如果您要使用这个插件完全可以换掉我写的那一些事件注册. 详细的因为我并没有大改,所以也就不po细节了,具体的项目代码我贴在这里. https://

纯原生js移动端城市选择插件

接着上一篇纯js移动端日期选择插件,话说今天同事又来咨询省市县联动的效果在移动端中如何实现,还是老样子,百度上一搜,诶~又全是基于jquery.zepto的,更加可恨的是大多数都是PC版的,三个select标签!!!这在移动端上的体验太low了,我想以我的脾气肯定是要自己做的,正好之前做了日期选择,那就依葫芦画瓢自己再做一个吧,来来来,先上效果图: 用法在html页面中引入input标签,写法如下: <input id="demo1" type="text"

UIPIckerView现实城市选择

实现城市选择,选中省时,后来自动显示相对应的城市,并且下面会打印出来对应的省和城市 . 因为plist里面是一个一个的字典. 1.字典转模型 HMCities.h #import <Foundation/Foundation.h> @interface HMCities : NSObject @property(nonatomic, strong)NSArray *cities; @property(nonatomic, copy)NSString *name; -(instancetype)

Android之自定义控件-城市选择

实现效果: 图片素材: --> 首先, 城市数据字节放在 Json 文件, 就不网络获取了. city.json 存放 Json 数据: { "result": "0", "message": "接口通信成功!", "responseData": { "History": [], "Recent": [], "Hot":

贴近用户体验的jQuery日期选择插件

分享一款贴近用户体验的jQuery日期选择插件.这是一款双日历jQuery日期选择时间插件pickerDateRange.效果图如下: 在线预览源码下载 var dateRange = new pickerDateRange('date_demo3', { aRecent7Days: 'aRecent7DaysDemo3', //最近7天 isTodayValid: false, //startDate : '2013-04-14', //endDate : '2013-04-21', /

仿51job.com城市选择框特效

650) this.width=650;" border="0" alt="" src="http://img1.51cto.com/attachment/201203/112009966.png" /> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/

JQUERY 模糊选择

JQUERY 模糊选择 [属性名称] 匹配包含给定属性的元素 [att=value] 匹配包含给定属性的元素 [att*=value] 模糊匹配 [att!=value] 不能是这个值 [att$=value] 结尾是这个值 [att^=value] 开头是这个值 [att1][att2][att3]... 匹配多个属性条件中的一个属性字头选择器(Attr

android wheelview实现三级城市选择

很早之前看淘宝就有了ios那种的城市选择控件,当时也看到网友有分享,不过那个写的很烂,后来(大概是去年吧),我们公司有这么一个项目,当时用的还是网上比较流行的那个黑框的那个,感觉特别的丑,然后我在那个开源的wheelview的基础上做封装,用户只需要专心数据的组装即可,然后填充就行,其他的可以不必考虑. 先上下效果图接下来说下我的思路:网络请求-数据返回-设置数据-数据填充控件接下来直接按上面的流程直接上代码: 网络请求我用的本地的json数据 String address = Utils.

ionic-基于angularjs实现的多级城市选择组件

大家都知道在移动端的选择地区组件,大部分都是模拟IOS选择器做的城市三级联动,但是在IOS上比较好,在Android上因为有的不支持ion-scroll.所以就会出现滚动不会自动回滚到某一个的正中间.不说了.让我先去厕所哭一下. 今天介绍的是一款基于angularjs实现的多级城市选择组件.个人感觉比较好用.所以今天拿来跟大家分享下. 废话不多说,先上效果图: 各位感觉何如:虽然没有三级联动的那么高大上.但是也是高端大气上档次,低调奢华有内涵. 代码和具体使用方

mpvue微信小程序多列选择器用法：实现省份城市选择

前言微信小程序默认给我们提供了一个省市区的picker选择器,只需将mode设置为region即可 <picker mode="region" bindchange="bindRegionChange" value="{{region}}" custom-item="{{customItem}}" > 因为小程序默认提供的省市区选择器只能保存名称,不能保存id,而且我也不需要选择三级城市,所以这里打算通过mode

【React】开发一个城市选择控件

想到做这个,是因为无意中在github上看到了这一个仓库https://github.com/lunlunshiwo/ChooseCity,做的就是一个城市选择控件,是用vue写的,说的是阿里的一道题目,然后想想自己闲着也是闲着,就动手用react又重新做了一遍. 演示地址:城市选择控件 github: https://github.com/Rynxiao/city-selector 整体效果如下: 要求可定位到当前所在城市,可支持传城市下次打开优先选取上次定位城市,如本次定位和上次不一样

jquery中选择checkbox拼接成字符串，然后到后台拆分取值

jquery中选择checkbox拼接成字符串,然后到后台拆分取值 js中的代码 $("#btn").click(function(){ var chenked=$("input[type='checkbox']:checked").val([]);//此为重点 var names = ""; for(var i=0;i<chenked.length;i++){ names += chenked[i].value +","

【Android开源库】美团等APP城市选择

CityPicker 现在使用比较多的类似美团等APP的城市选择界面. 2步即可实现,就是这么简单粗暴! Gif image APK 下载demo.apk体验. Install Gradle: compile 'com.zaaach:citypicker:1.1' or Maven: <dependency> <groupId>com.zaaach</groupId> <artifactId>citypicker</artifactId> <

基于jQuery商品分类选择提交表单代码

分享一款基于jQuery商品分类选择提交表单代码.这是一款基于jQuery实现的商品信息选择列表表单提交代码. 在线预览源码下载实现的代码: <div class="yListr"> <form> <ul> <li><span>颜色</span> <em class="yListrclickem">深灰色<i></i></em> <e

JQuery实现选择特定楼层回复

JQuery实现选择特定楼层回复需求: 一个论坛里面的小功能,除了回复帖子之外,也能够回复帖子以下的回复.详细实现细节: 每个回复有一个"回复"按钮,点击按钮实现: 在form表单里面加入一个input元素,内容是须要回复的楼层数,这样post过去之后才干在后台处理: 在回复内容的textarea里面加入文字"回复x楼:" 接下来就是详细实现了.无疑仅仅能用JS_(:з」∠)_,又是每次到了这时候才暂时各种百度怎么用- 获取楼层数在button上绑定了一个fun

jquery城市选择

热门专题