Csharp/C#教程:根据在另一个DropDown上选择的值填充DropDown / Select分享


根据在另一个DropDown上选择的值填充DropDown / Select

我是初学者,但我偶然发现了一个我无法解决的案例。 我正在使用带有C#的ASP.NET MVC加上一些javascript(JQuery,JSON ……)。

我要做的是根据其他选择的值填充下拉列表。 这似乎很简单(我知道它是)但这个特殊情况让我望而却步。 我已经失去了很多时间,而且我还在磕头。 如果有人能帮忙,我会非常感激。

我的代码如下:

我有一个“任务”类的对象,它同时具有阶段和顺序。 在第二个下拉列表中用户可用的订单将取决于此任务在第一个下拉列表中分配的阶段。 订单只是一个Int32(订单来自订单,而不是来自业务订单)

First DropDown使用此IF检查会话是否为空,然后继续显示默认消息或将选定值作为默认值。

<% if (TempData["TaskObject"] != null) { var Phases = new SelectList(ViewData["phaseList"] as List, "Phase_ID", "Phase_Name", ((Task)TempData["TaskObject"]).Phase_ID.ToString()); %>    <%=Html.DropDownList("Phase_ID", (new SelectList((List)ViewData["phaseList"], "Phase_ID", "Phase_Name")), "Please Choose...", new { @class = "textbox"})%>  

第二个DropDown与第一个DropDown非常相似,但它的SelectList是一个列表列表。 每个列表都包含第一个DropDown中每个选项的可能选择。 不会有太多,所以不要担心。

 <%if (TempData["TaskObject"] != null) { var orderList = (ViewData["orderList"] as List<List>)[0]; var orders = new SelectList(orderList, ((Task)TempData["TaskObject"]).Phase_ID.ToString()); %>    <%=Html.DropDownList("Order_ID", (new SelectList((List)ViewData["phaseList"], "Phase_ID", "Phase_Name")), "Please Choose...", new { @class = "textbox"})%>  

现在的问题是:如何让第二个DropDown根据第一个DropDown中的选定值更改其值? 我在JavaScript方面很差(尽管开始学习)。 我们在项目中使用JQuery,JSON。

提前感谢您的关注。

您基本上希望将javascript事件附加到第一个下拉列表中,并让jquery查询Web服务(或其他)以获取该ID的详细信息。 然后在javascript中,使用可用选项重新渲染第二个下拉列表。 这是一个很好的例子。 以下示例中的Javascript摘录如下:

 $(function() { $.getJSON("/Home/Countries/List", function(data) { var items = "---------------------"; $.each(data, function(i, country) { items += "" + country.Text + ""; }); $("#Countries").html(items); }); $("#Countries").change(function() { $.getJSON("/Home/States/List/" + $("#Countries > option:selected").attr("value"), function(data) { var items = "---------------------"; $.each(data, function(i, state) { items += "" + state.Text + ""; }); $("#States").html(items); }); }); }); 

您需要捕获第一个DropDown的更改事件。 并在此填充/选择您需要的值。

 $('#Phase_ID').change(function(){ var t = $(this); $('#Order_ID').val(t.val()); // this is only for example. }); 

有关如何做到这一点的好教程来自Stephen Walther

它应该很容易做到

上述就是C#学习教程:根据在另一个DropDown上选择的值填充DropDown / Select分享的全部内容,如果对大家有所用处且需要了解更多关于C#学习教程,希望大家多多关注—计算机技术网(www.ctvol.com)

本文来自网络收集,不代表计算机技术网立场,如涉及侵权请点击右边联系管理员删除。

如若转载,请注明出处:https://www.ctvol.com/cdevelopment/1042379.html

(0)
上一篇 2022年1月29日
下一篇 2022年1月29日

精彩推荐