FormViewCity 为mvc控制器传给view的数据,包括一个MyCitys集合字段.

<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage/Main.Master" Inherits="System.Web.Mvc.ViewPage<MvcStudyStep.Controllers.FormViewCity>" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentMain" runat="server">
 <script type="text/javascript">
     var b=<%= Model.MyCitys.Count %>;
     var arrayCity = new Array(b);
 <%
    for(int i = 0; i < Model.MyCitys.Count; i++)
    {
       
%>
arrayCity[<%=i%>] = '<%= Model.MyCitys[i].Code+"#"+Model.MyCitys[i].PCode+"#"+Model.MyCitys[i].Name %>';
<%
    }
    %>
</script>
 <form action="/City/Save" method="post">
<select name="myCity" onchange="javascript:CityChange();">
<option></option>
 <%
     var pCity = from p in Model.MyCitys
                 where p.PCode == ""
                 select p;
     foreach(var o in pCity)
           { %>
           <option value="<%= o.Code%>"><%= o.Name%></option>
        <%} %>
</select>
<div id="divCityChild">
<select name="myCityChild"></select>
</div>

<input id="btnSave" type="submit" value="保存" />
</form>
<script type ="text/javascript">
    function CityChange() {
        var str = "<select name='myCityChild'>";
        str += "<option></option>";
        var pCity = document.all.myCity.value;
        for (var i = 0; i < arrayCity.length; i++) {
           
            var arrayTemp = arrayCity[i].split('#');
            if (arrayTemp[1] == pCity) {
                str += "<option value='"+ arrayTemp[0] +"'>";
                str += arrayTemp[2];
                str += "</option>";
            }
        }
        str += "</select>";
        //alert(str);
        document.all.divCityChild.innerHTML = str;
    }
</script>
</asp:Content>

老代码:js实现二级城市联动(MVC)的更多相关文章

  1. JS中简单的二级城市联动

    代码奉上: <!DOCTYPE html><html><head>    <meta charset="UTF-8">    < ...

  2. 原生js封装二级城市下拉列表

    闲的蛋疼,封装了个二级城市下拉 先保证html里有 <select id="province" size=1 > </select> <select ...

  3. vue select二级城市联动及第二级默认选中第一个option值

    当二级联动比如选择国家的时候,希望选中一个国家的时候后面城市默认选中第一个城市,则给国家的select加一个@change事件就可以了 <div class="inputLine&qu ...

  4. JS(JQuery) 省市区三级联动下拉选择

    引入 area.js /* * 全国三级城市联动 js版 */ function Dsy(){ this.Items = {}; } Dsy.prototype.add = function(id,i ...

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

    html: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" c ...

  6. 城市联动 - 自动生成SQL语句

    字段比较简单/  如果有需要可以自己定制字段和排序/ 一共二级城市联动, 本人业务需要, 所以就两层, 网上关于三层的挺多, 有需要可以借鉴/ 废话不多说, 先看效果图, 代码在下面 <?php ...

  7. 全国三级城市联动 js版

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  8. JS制作二级联动

    JS制作二级联动 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://ww ...

  9. js 实现二级联动

    onchange 事件 <body> <select id="province" onchange="func1()"> <opt ...

随机推荐

  1. python-设计模式:抽象类

    抽象类:用来分离主体框架和局部实现,或将共用和定制解藕.从抽象类继承必须实现所有层级未被实现的抽象方法(被装饰器abstractmethod装饰的方法),否则无法创建实例. 定义抽象类,必须继承ABC ...

  2. C++ Sleep() sleep()

    简介: 函数名: sleep 功 能: 执行挂起一段时间 用 法: unsigned sleep(unsigned seconds); 在VC中使用带上头文件 #include <windows ...

  3. 如何利用Social Listening从社会化媒体中“提炼”有价值的信息?

    本文转自知乎 作者:苏格兰折耳喵 ----------------------------------------------------- 在本文中,笔者将会介绍大数据分析主要的处对象---社会化媒 ...

  4. 0基础学习MySQL 之常用数据类型

    原文地址 =========================================== 数据类型是定义列中可以存储什么数据以及该数据实际怎么存储的基本规则. Mysql的常用数据类型主要有: ...

  5. python中的split、rsplit、splitlines

    split()从左向右寻找,以某个元素为中心将左右分割成两个元素并放入列表中 rsplit()从右向左寻找,以某个元素为中心将左右分割成两个元素并放入列表中 splitlines()根据换行符(\n) ...

  6. PHP + Apche 在 window 系统下的环境搭建

    1, 安装 Apche 服务器, 官方只提供源码,这里推荐三方下载地址 http://www.apachelounge.com/download/ 1.1,下载后解压到自己想要安装的位置, 笔者安装在 ...

  7. hadoop动态添加删除节点datanode及恢复

    1. 配置系统环境 主机名,ssh互信,环境变量等 本文略去jdk安装,请将datanode的jdk安装路径与/etc/hadoop/hadoop-evn.sh中的java_home保持一致,版本ha ...

  8. flash builder的配色方案

    写代码的时候看着代码颜色不是特别好,于是研究了一下flash builder的配色方案. flash builder由eclipse开发,采用和eclipse相同的配置方法,这个网站上有很多配色模板: ...

  9. Rocket MQ 问题排查命令

    修改rocketmq官方代码测试: package com.alibaba.middleware.race.rocketmq; import java.util.Scanner; import com ...

  10. jquery接触初级-----ajax 之:jquery_ajax 方法

    1. $.get() 方法: 格式:$.get( url,[,data],[,callback],[,type] ); data:  采用键值对的方式存储于对象中; callback: 载入成功时(当 ...