当用户在另一个DropDrownList中选择un选项时,更新ASP.NET MVC中的DropDrownList

任何人都知道如何使用依赖于用户选择的值组合组合,我必须组合,国家和地区,当用户选择contry我需要去数据库并获取该国家的地区,任何人都知道如何做这个,如果posibile使用AJAX.

谢谢.

您需要使用特定的Ajax库吗？

Ajax.Net Control Toolkit具有为此功能预先构建的Cascading Dropdown控件.

错过了MVC部分,在这种情况下,Ajax Control Toolkit将无法工作.jQuery可能是最好的选择,因为它使Ajax非常容易编码,而MS正在与MVC框架一起正式支持它.

如果您在站点上创建了RESTful服务(应该有大量关于如何执行此操作的文档),您可以通过jQuery返回json响应,如下所示:

标记:

  Option 1
  Option 2

假设服务将接受'id'作为参数并使用此模式返回json对象,例如:

[
  { name: 'option1', value: '1'},
  { name: 'option2', value: '2'}
]

您将此javascript添加到页面:

$(function() {
  $('select#opt1').change(function(){
    $.getJSON('/data/myservice',{id: this.value},
      function(response) {
        var options = '';
        for (var i = 0; i < response.length; i++) {
          options += ""
                  +  response[i].name + "";
        }
        $('select#opt2').removeAttr('disabled').html(options);
      });
  });
});

快速解释那里发生的事情; jQuery代码有点像剥洋葱,所以我会一次把它当作一个级别:

$(function(){})是简写$(document).ready(function(){}),因此它在ready事件触发时运行函数.

$('select#opt1').change(function(){})找到命名的'opt1'并在更改事件触发时运行该函数.

$.getJSON()Ajax是否会为您打电话.JSON响应作为字符串返回,并且必须解析为JSON对象,$ .getJSON会自动为您执行这些操作.第一个字段是服务的url,第二个字段是转换为查询字符串的名称/值对,第三个字段是处理响应的回调函数.

推荐阅读

• 程序员

  检查给定变量的最佳方法是NaN与否？

  如何解决《检查给定变量的最佳方法是NaN与否？》经验，为你挑选了1个好方法。 ... [详细]
• 程序员

  Java 8 CompletableFuture与Netty Future

  如何解决《Java8CompletableFuture与NettyFuture》经验，为你挑选了0个好方法。 ... [详细]
• 程序员

  可以将以下IF-ELSE块压缩成单个IF语句吗？

  如何解决《可以将以下IF-ELSE块压缩成单个IF语句吗？》经验，为你挑选了2个好方法。 ... [详细]
• 程序员

  在多对多关系中的多个连接条件

  如何解决《在多对多关系中的多个连接条件》经验，为你挑选了0个好方法。 ... [详细]
• 程序员

  如何将数据表值从整数转换为字符串

  

  如何解决《如何将数据表值从整数转换为字符串》经验，为你挑选了1个好方法。 ... [详细]
• 程序员

  Beego控制器中的JSON响应

  如何解决《Beego控制器中的JSON响应》经验，为你挑选了1个好方法。 ... [详细]
• 程序员

  榆树是否支持美元运算符($)？

  如何解决《榆树是否支持美元运算符($)？》经验，为你挑选了1个好方法。 ... [详细]
• 程序员

  误报"词法声明需要ECMAScript 6"和"TypeScript 1.x功能.当前语言为1.4"错误消息

  

  如何解决《误报"词法声明需要ECMAScript6"和"TypeScript1.x功能.当前语言为1.4"错误消息》经验，为你挑选了1个好方法。 ... [详细]
• 程序员

  如何使glyphicon作为提交按钮工作？

  如何解决《如何使glyphicon作为提交按钮工作？》经验，为你挑选了2个好方法。 ... [详细]
• 程序员

  PubNub安全反对某人逆向工程Android应用程序

  如何解决《PubNub安全反对某人逆向工程Android应用程序》经验，为你挑选了0个好方法。 ... [详细]
• 程序员

  Symfony控制器中动作的含义

  如何解决《Symfony控制器中动作的含义》经验，为你挑选了1个好方法。 ... [详细]
• 程序员

  如何在调用moveTaskToBack()时禁用Activity的动画？

  如何解决《如何在调用moveTaskToBack()时禁用Activity的动画？》经验，为你挑选了0个好方法。 ... [详细]
• 程序员

  如何生成具有特定长度限制的所有可能组合中的字母？

  如何解决《如何生成具有特定长度限制的所有可能组合中的字母？》经验，为你挑选了1个好方法。 ... [详细]
• 程序员

  在Luigi Orchestrator中并行化任务

  如何解决《在LuigiOrchestrator中并行化任务》经验，为你挑选了1个好方法。 ... [详细]
• 程序员

  使用Postgresql进行Python多线程处理

  如何解决《使用Postgresql进行Python多线程处理》经验，为你挑选了1个好方法。 ... [详细]
• 程序员

  在Android Studio中更改SDK位置:目录位置中的空格

  如何解决《在AndroidStudio中更改SDK位置:目录位置中的空格》经验，为你挑选了1个好方法。 ... [详细]
• 程序员

  用于聊天应用的GCM和App Engine

  如何解决《用于聊天应用的GCM和AppEngine》经验，为你挑选了1个好方法。 ... [详细]
• 程序员

  在定义的持续时间之后,EC2 linux用户创建帐户到期

  如何解决《在定义的持续时间之后,EC2linux用户创建帐户到期》经验，为你挑选了1个好方法。 ... [详细]
• 程序员

  如何从设置json到mvc 6视图获取数据？

  如何解决《如何从设置json到mvc6视图获取数据？》经验，为你挑选了1个好方法。 ... [详细]
• 程序员

  C＃中的md5（wordpress）密码加密

  如何解决《C＃中的md5（wordpress）密码加密》经验，为你挑选了0个好方法。 ... [详细]

吐了个 "CAO" !

吐个槽吧,看都看了

会员登录 | 用户注册