js实现的省市联动

【js实现的省市联动】的更多相关文章

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…

js(二) 实现省市联动（json）

通过HTML页面的city的select选取的value值,从json里面获取相对应的键值对,最后将值拼接到下拉框中 function x1(th) { //通过传入的th的value获取相对应的citys中的json值 var cs=citys[th.value]; var str=""; //循环获取每一个值并拼接成<option></option> for (var i=0;i<cs.length;i++){ str+="<optio…

[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实现年月日三级联动+省市区三级联动+国家省市三级联动

开篇随笔:最近项目需要用到关于年月日三级联动以及省市区三级联动下拉选择的功能,于是乎网上搜了一些做法,觉得有一些只是给出了小的案例或者只有单纯的js还不完整,却很难找到详细的具体数据(baidu搜索都是这样),果断用谷歌,搜出来的博文也清楚易懂,不过博文中bug出现还是很频繁,或者不完整,虎头蛇尾的,所以干脆自己来整合重新编写,现在发出来用来方便大家(博主不会装高深,简单直接把代码贴出,以供查阅)!! 效果图: 1.js实现年月…

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("郑州市","洛阳市","濮阳市…

练习: 省市联动(Ajax)

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

Django（二十）下拉列表-省市联动实例：jquery的ajax处理前端

一.知识点 1.jquery的ajax请求写法 <script src="/static/js/jquery-1.12.4.min.js"></script> <script type="text/javascript"> $(function(){ $.get('/areas',function(data){ //处理请求数据 }) $.post('/areas',{'num':1},function(data){ //处理请求…

用jquery实现省市联动

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>省市联动</title> <script src="../JS/jquery-1.8.3.min.js&qu…

AJAX案例四：省市联动

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transi…

通过Javascript数组设计一个省市联动菜单

通过Javascript数组设计一个省市联动菜单使用Option内置类来完成下拉选项的创建 2.使用定时器实现一个时钟程序 3.使用PHP+JSON完成语音验证码网址:http://yuyin.baidu.com/docs/tts/136 …

Ado.Net小练习03（省市联动）

前台界面: 后台代码: namespace _04省市联动 { public partial class Form1 : Form { public Form1() { InitializeComponent(); } private int r = 0; private void Form1_Load(object sender, EventArgs e) …

省市联动JQ封装比较简洁调用的方法

前言因为省市联动的需求在每个项目几乎存在,所以本人也对此在web页面通过封装比较简洁的JQ方法循环判断调用调用后台获取数据再绑定到Select表单上.如果对代码有什么疑问或者更好办法可以在评论区留言. HTML代码 <select id="Province" name="Province"> <option selected="selected">--请选择--</option> </select>…

fragment 中利用spinner实现省市联动

(1)布局文件就不在说明了,主要说代码的实现,先把代码贴上! package com.example.cl; import android.annotation.SuppressLint; import android.app.Fragment; import android.os.Bundle; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import…

select省市联动选择城市 asp.net mvc4

本文在 http://www.cnblogs.com/darrenji/p/3606703.html(感谢博主的分享)基础上加入全国各省市,从文件中读取全国省市县,组成省市联动的选择标签在Model里定义Province 和 City public class Province { public int ID { get; set; } public string Name { get; set; } } public class City { public int ID { get; set…

【原生js】原生js的省市区三级联动

html: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>全国城市三级联动</title> </head> <body> <div class="info"> <div…

AJAX应用案例之省市联动

jsp 主要是要注意多Document的操作 <%-- Created by IntelliJ IDEA. User: YuWenHui Date: 2017/4/23 0023 Time: 19:00 To change this template use File | Settings | File Templates. --%> <%@ page contentType="text/html;charset=UTF-8" language="java&…

php省市联动实现

设计模式:ajax实现,数据库格式:id,name,parent_id 数据库: CREATE TABLE IF NOT EXISTS `city` ( `id` ) NOT NULL AUTO_INCREMENT, `name` ) DEFAULT NULL, `parent_id` ) DEFAULT NULL, PRIMARY KEY (`id`) ) ENGINE ; INSERT INTO `city` (`id`, `name`, `parent_id`) VALUES (, ),…