在下拉列表中更改项目时，在MVC中加载不同的局部视图 [英] When an item is changed in dropdown list, load different partial view in MVC

问题描述

我在ASP.NET MVC（Razor引擎）中进行支付屏幕的开发，当选择被更改时，它应该填充不同的局部视图，它不起作用，这是我在视图文件中的代码：

有人可以看看吗？

< label class =control-label p1-control-label col-md-6 pull-left>自动草稿/信用卡< / label>

@ Html.DropDownList（paymentMethod，新的SelectList（新的List&< object> {

new {value = 0，text =Bank Draft}，

new {value = 1，text =Credit Card}，

new {value = 2，text =无}}，

值，

text，

0），new {@class =form- control，id =ddpaymentMethod}）

---

@ Html.Partial（_ BankDraft）

< hr>

这是脚本：



$（'#ddpaymentMethod'）。更改（function（）{

alert（我正在使收件箱无比）;

var url =/ Payment / ChangePaymentMethod;

$ .get（url，function（data）{

$（＃paymentMethodArea）。html（）;

$（＃paymentMethodArea）。html（data）;

$（＃paymentMethodArea）。fadeIn（'fast'）

}）;

}）;



这里有控制权：

public ActionResult ChangePaymentMethod（）

{

返回PartialView（_ CreditCard）;

}

解决方案

（'#ddpaymentMethod'）。change（function（） {

alert（我正在使收件箱无比）;

var url =/ Payment / ChangePaymentMethod;

.get(url,function（data）{

（＃paymentMethodArea）。html（）;

I am doing the development for a payment screen in ASP.NET MVC (Razor engine), When the selection is changed, it should populate different partial view, it's not working, here is my code in a view file:
Can someone take a look?

<label class="control-label p1-control-label col-md-6 pull-left">Auto Draft/Credit Card</label>

@Html.DropDownList("paymentMethod", new SelectList(new List&<object>{
new { value = 0 , text = "Bank Draft" },
new { value = 1 , text = "Credit Card" },
new { value = 2 , text = "None" }},
"value",
"text",
0), new { @class = "form-control", id ="ddpaymentMethod" } )

---

@Html.Partial("_BankDraft")

---

Here is script:

$('#ddpaymentMethod').change(function () {
alert("I am clinking the drop-box");
var url = "/Payment/ChangePaymentMethod";
$.get(url, function (data) {
$("#paymentMethodArea").html("");
$("#paymentMethodArea").html(data);
$("#paymentMethodArea").fadeIn('fast')
});
});

Here is in control:
public ActionResult ChangePaymentMethod()
{
return PartialView("_CreditCard");
}

解决方案

('#ddpaymentMethod').change(function () {
alert("I am clinking the drop-box");
var url = "/Payment/ChangePaymentMethod";

.get(url, function (data) {

("#paymentMethodArea").html("");

这篇关于在下拉列表中更改项目时，在MVC中加载不同的局部视图的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！