Asp.net mvc 动态更改局部视图以显示jQuery对话框MVC4

我不确定这是否是编写此代码的好方法

我有一个jQuery对话框，它显示一个下拉列表和一个名称列表

当用户在下拉列表中选择一个值时，列表必须动态更改，包括关闭对话框和打开新对话框，并在下拉列表中使用与选项相关的名称

我使用的是MVC4Razor，当在视图中单击按钮时，我会显示对话框。我有一个控制器方法，它根据下拉值从数据库检索名称列表

我有一个局部视图操作方法来显示对话框

首先，我尝试使用ViewBag，但当选择下拉值时，对话框中的数据不会改变，即使我处理了现有的数据并打开了一个新的数据

有什么方法可以实现这一点吗？我已经研究了一些与此相关的问题，但我没有找到解决问题的方法

控制器：

    public ActionResult selectDialog()
    {
        return PartialView("selectDialog");
    }

视图：

$（“#开场白”）。单击（函数（）{
$（“#dialog”）.dialog（）；
});
@Html.Partial（“选择对话框”）

局部视图：

<div id="dialog" title="Select Mall">
<table><tr><td>
<p>Please Select the City</p>
<select id="scity "name="scity" onchange="getnames()">
 @foreach (var m in @ViewBag.Cities) { 
<option value="@m.Id">@m.Name</option>
    }
</select></td><td>
<p>Please Select the Name</p>
 @foreach (var n in @ViewBag.Names) { 
<input type="checkbox" name="abc">@n.Name<br>
 }
  </td></tr>
</table>
</div>         

请选择城市

@foreach（var m in@ViewBag.Cities）{
@m、 名字
}
请选择名称

@foreach（var n in@ViewBag.Names）{
@n、 名称

}

先谢谢你

<div id="dialog" title="Select Mall">
<table><tr><td>
<p>Please Select the City</p>
<select id="scity "name="scity" onchange="getnames()">
 @foreach (var m in @ViewBag.Cities) { 
<option value="@m.Id">@m.Name</option>
    }
</select></td><td>
<p>Please Select the Name</p>
 @foreach (var n in @ViewBag.Names) { 
<input type="checkbox" name="abc">@n.Name<br>
 }
  </td></tr>
</table>
</div>