省市联动mobileSelect.js

js手机移动端选择插件 mobileSelect.js

一.mobileSelect获取方法 mobileSelect支持单选.多级联动.自定义回调函数.二次渲染.最新版本下载地址[2017-09-21更新]: https://github.com/onlyhom/mobileSelect.js 二.特性 1.原生js移动端选择控件,不依赖任何库 2.可传入普通数组或者json数组 3.可根据传入的参数长度,自动渲染出对应的列数,支持单项到多项选择 4.自动识别是否级联 5.选择成功后,提供自定义回调函数callback() 返回当前选择索引位置.以

[JS]以下是JS省市联动菜单代码

以下是JS省市联动菜单代码: 代码一: <html> <head> <title></title> <script language="javascript" type="text/javascript"> //定义城市数据数组 cityArray = new Array(); cityArray[] = new Array("北京市","东城|西城|崇文|宣武|朝阳|丰台

省市联动纯html+js

在js里面声明所有数据,并根据html的select事件触发js实现填充对应的数据到下拉框. 代码 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70

js实现的省市联动

最近工作,要用到省市联动的功能.网上搜了一下,发现有很多这样的例子,看了不少实例,把觉得写得不错的代码穿上来,好给大家分享一下. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/199

JavaScript(JS)实现省市联动选择下拉列表

在开发一个应用的时候需要用刀省市联动的下拉列表,网上找到不少.但是要么太复杂,难以修改:要么根本就用不了,最后自己在一个示例中提取出数据,然后自己写了一个,简单易懂,适合新手... 代码如下: Province_city.js var objprovince=document.getElementById("province"); var objcity=document.getElementById("city"); var parray=Array( "

html css javascript 知识点总结 bom js 操作标签文本节点表格各行变色悬停变色省市联动正则

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>淘,我喜欢</title>  <!--样式表的引入方式 1.行内样式即写在标签当中标签当中有个style属性 <h3 style="color: #FF0000;">这是一个标题<

省市联动 js

工作中见到这个省市联动代码,虽然很简单也能写出来,还是随便把它记录下来. //省市联动 function area(obj_id, area_pId, data_call_back) { ) return; $.ajax({ type: 'GET', url: "/SysAdmin/Pages/tb_supplierAdd.aspx", data: { area_pId: area_pId }, dataType: 'json', success: function (data) {

JS 省市联动 ajax

省市联动 //省市联动 $('.locationCode').change(function () { var val = $(this).val(); if (!val) return false; var url = '/talentproject/regions?provinceCode=' + val; $.ajax({ url: url, success: funct

jquery省市联动，根据公司需求而写

//author:guan //2015-05-25 //省市联动 //实用说明,页面引用如下js //<script src="../js/jquery-1.6.3.min.js"></script> //<script src="js/ProvinceDropDown.js"></script> //页面元素 //<select id="Province"></select&g

Json 基于jQuery+JSON的省市联动效果

helloweba.com 作者:月光光时间:2012-09-12 21:57 标签: jQuery JSON Ajax 省市联动省市区联动下拉效果在WEB中应用非常广泛,尤其在一些会员信息系统.电商网站最为常见.开发者一般使用Ajax实现无刷新下拉联动.本文将讲述,利用jQuery插件,通过读取JSON数据,实现无刷新动态下拉省市二(三)级联动效果. 查看演示下载源码 HTML 首先在head中载入jquery库和cityselect插件. <script type="

Dynamic CRM 2013学习笔记（八）过滤查找控件（类似省市联动）

我们经常要实现类似省市联动一样的功能,常见的就是二个查找控件,一个选择了省后,另一个市的查找控件就自动过滤了,只显示当前省下的市,而不是所有的市.当然这是最简单的,实际工作中还有更复杂的功能要通过过滤查找控件来实现.本文主要介绍基本的查找控件过滤.多表关联的复杂过滤以及子表里实现查找控件的过滤. 一.简单的过滤先看下需求: 按“Special GL Indicator” 来过滤 Posting 查找控件增加了preSearch事件.它发生在查找控件显示对话框供用户查找记录之前,与其他事件不同的

Ajax省市联动

以JQuery为JS,写的Ajax省市联动. 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <t

html + ashx 实现Ajax省市联动

基本思路:1.了解数据库中省和市的表结构及关联主键 2.创建html页面及select标签 3.通过ajax向ashx(一般处理程序)发送后台请求完成联动效果表结构: 这里,开始创建一个命为demo.html的页面,并在页面中创建我们所需要的select标签  <select id="pro"> </select>  <!--定义市sele

jquery插件-省市联动

由于项目需要需要实现一个省市联动,由于业务有一些特殊的需求,使用现有的插件略有不便,就自己实现了一个. 首先需要保存地区数据的JS数据文件,我这里命名为areaData.js,内容如下: /** * 保存地区信息 * 数据格式 * areaData = [{'pro': '北京', 'cities': {'-1': '北京'}}, {...}] * 直辖市存在-1,表示就是直辖市 */ (function(window) { window.areaData = [{"pro&qu

微信小程序省市联动

最近呢刚好做了一个省市联动的功能,今天看到有人问这个怎么做,我就把我做的放上来共享一下: 首先呢,来看看效果,点击文字'点击',弹出选择窗口,点击取消或者确定(取消.确定按钮在选择框上边,截图有些不清楚),窗口下滑, 做这个我用的是picker-view这个组件,现在来看一看picker-view的属性: 现在开始写wxml的代码,对了,插一句,我这里是把它写成一个模板的,先看看目录结构我们先来看看cascade.wxml里的代码: <template name="cascade&quo

省市联动_简单的Demo，适用于各种二级菜单联动

最近搞了一个功能,是查询页面需要用到二级菜单联动,获取到选中的属性value传入到后台. 平常都是用AJAX或者JQuery ,通过XML或者JSON的方式,这样的话需要调用数据库,像典型得到省市联动或者省市县三级等,一般这样的数据会有一张单独的数据表, 需要用的话,通过查询数据库获得相应的数据,返回一个JSNO,在前台进行处理显示. 但是这个功能没有单独的表,总共七个一级菜单,每个一级菜单下对应N个二级菜单,考虑到数据量不大,没有必要去改变原有的数据库表结构,就想到了用简单的JS去实现这个需求

jQuery实现省市联动

未实现任何功能之前: 实现功能之后: 实现该功能的jQuery核心代码: <script> var provinceArr=new Array(5); provinceArr[0]=new Array("南安市","泉州市","厦门市","福安市","福州市"); provinceArr[1]=new Array("郑州市","洛阳市","濮阳市

手机端移动端的选择框mobileSelect.js使用

手机端移动端的选择框mobileSelect.js使用文件地址:https://github.com/onlyhom/mobileSelect.js 请感兴趣的自行下载使用过程 1 引入标签 <link rel="stylesheet" type="text/css" href="css/mobileSelect.css"> <script src="js/mobileSelect.js" type=&q

练习: 省市联动(Ajax)

// 示例一: china.xml (位于 src 目录下) <?xml version="1.0" encoding="utf-8"?> <china> <province name="北京"> <city>东城区</city> <city>西城区</city> <city>宣武区</city> <city>大兴区</c

移动端滚动选择器mobileSelect.js

一款多功能的移动端滚动选择器,支持单选到多选.支持多级级联.提供自定义回调函数.提供update函数二次渲染.重定位函数.兼容pc端拖拽等等.. 特性原生js移动端选择控件,不依赖任何库可传入普通数组或者json数组可根据传入的参数长度,自动渲染出对应的列数,支持单项到多项选择自动识别是否级联选择成功后,提供自定义回调函数callback() 返回当前选择索引位置.以及选择的数据(数组/json) 每次手势滑动结束后,也提供一个回调函数transitionEnd() 返回当前选择索引位

省市联动mobileSelect.js

热门专题