做页面开发或客户端程序开发,都会碰到几个下拉菜单联动的情况。比如常见的省,市,区三级联动。这种下拉菜单该怎样联动?下面一起来看下,以页面开发为例子。方法/步骤先看下我们的HTML代码,很简单,就是三个空的select下拉框控件。然后,我们用JS定义三个数组,分别是省数据,市数据,和区数据。代码如图,用到Jquery来操作dom对象,所以需要引入Jquery脚本。这个数据可以是后台从数据库读出来的数
转载
2023-10-29 07:58:28
98阅读
以下是JS省市联动菜单代码:代码一:
<html>
<head>
<title></title>
<script language="javascript" type="text/javascript">
//定义 城市 数据数组
cityArray = new Array();
jquery 实现省市县联动
这次项目中用到省市县三级下拉框,本来打算在网上down一个直接用,但是都不是很理想。固,自己用jquery实现了一个。对javaScript也有了更深的认识。现将源码附上,请多多指教。
原创
2010-01-19 14:04:22
2561阅读
点赞
1评论
全国省市县JSON数据如下: [ { "value": "110000", "province": "北京市", "data": [ { "value": "110100", "city": "北京市", "dataList": [ { "value": "110101", "area": "东城区
最近要做全国城市联动,采用json格式做,下拉框使用等控件使用,发现找这种整理好的json数据有点花时间了,记录一下:
下面是我整理好的去掉了空格的js文件数据,可以下载了去网站验证,无任何格式错误,文件数据实在是太多,只能通过下载获取,就不贴出来了!!!
json检验如图:
原创
2021-08-13 10:27:39
2639阅读
最近做项目时,有个需要全国所有省市信息的数据,于是百度了一下,发现CSDN的很多都需要积分下载,无解!所以自己收集了一份整理了出来。 简单说明一下 1、这是一份json文件,这是因为全国的省市信息一般不会改变,如果需要xml格式的数据,可以自行读取json,然后进行xml序列化就好了, 2、数据包含全国所有城市信息,包括直辖市,地级市,县级市等等,如果只需要地级市,可按类型进行刷选 3
转载
2023-06-22 18:04:11
243阅读
前言:同事正好需要一个这样的地址类型给用户使用下载模板,改好地址再导入,这样就不会出现地址不匹配问题。所以就自己也整理了一套,以备不时之需。效果展示:图一:省级图二:市级图三:区级图四:各乡镇当更换一级菜单时二、三、四级会提示更新级联选项,否则提示错误。依次类推,二级改变时,三、四级提示错误 首先,要实现上面效果,需要二大部:第一部:准备做级联的数据源;(主要就是看你的数据来源,是通过数
转载
2023-09-07 16:42:48
800阅读
最近要做全国城市联动,采用json格式做,下拉框使用等控件使用,发现找
原创
2022-03-09 16:20:41
1868阅读
全国地区数据会很大,我们可以直接用这个地址 https://yjy-oss-files.oss-cn-zhangjiakou.aliyuncs.com/tuxian/area.json实现的效果如下: 考虑到城市组件也会在项目其它地方使用,所以把城市组件定义成全局组件。来复习一下vue3.0中,将组件封装成全局的: 1.src/components 下新建.vue文件
<pre name="code" class="html"><pre name="code" class="php">4、地区数据下载地址http://download.csdn.net/detail/u011064186/76900893、ajax 部分public function action
转载
2017-06-02 11:22:00
93阅读
2评论
三级联动的代码*(心情很差呀,白忙了一上午,说要搞离线的,记录下来 ince"}),'mainModule.xzqh'); } ...
原创
2023-04-25 09:56:09
118阅读
一、主页面<html><meta http-equiv="content-type" content="utf-8"><head><script type="text/javascript"></script><script type="text/javascript">var myXmlHttpRequest="";func
转载
精选
2016-09-12 23:39:02
436阅读
title author date CreateTime categories WPF 省市县3级联动 lindexi 2018-08-10 19:16:53 +0800 2018-2-13 17:23:3 +0800 WPF 本文告诉大家如何使用绑定做省市县3级联动,代码从网上...
原创
2021-06-25 15:27:56
353阅读
Default.aspx页<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" EnableEventValidation="false" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transit
转载
2007-10-23 21:13:00
103阅读
2评论
{ "status": 0, "message": "success", "entity": [ { "name": "境外", "city": [ { "name": "洲", "area": [ "国家" ] } ] ...
原创
2021-08-10 11:52:19
240阅读
/*
*@名称: myaddress.js
*@功能: 地址页面的下拉列表动态地址脚本
*@作者: liuhaihui
*@版本: v1.0
*@时间: 2014年5月29日17:36:27s
*参考:
* http://ip.qq.com/js/geo.js
*/
function Dsy() {
this.Items = {};
}
Dsy.prototype.add
转载
2023-10-13 22:38:11
22阅读
ajax小练习
转载
精选
2016-09-12 23:49:09
401阅读
js事件 ajax
原创
2021-08-05 15:43:00
128阅读
<div class="col-2 offset-2"><label><span>地址:<strong>*</strong></span></label></div> <div class="col-6" style="display: fle
原创
2021-12-22 09:20:02
129阅读
一、请看效果图“:
二、程序的代码:
1、MainActivity.java
package com.loveplusplus.loader.demo.ui;
import org.json.JSONArray;
import org.json.JSONException;
import org.json.JSONObject;
import android.app.Activity;
im
转载
2016-03-03 13:23:00
132阅读
2评论