Asp.net mvc 如何使用MVC2动态(变量?)生成网页组件(Div、a、h1等)的ID?

Asp.net mvc 如何使用MVC2动态(变量?)生成网页组件(Div、a、h1等)的ID?,asp.net-mvc,asp.net-mvc-2,dynamic,Asp.net Mvc,Asp.net Mvc 2,Dynamic,我正在努力做到以下几点: 我给Viewpage的对象有一个列表,我在HTML中做了一个foreach,并创建了许多组件。现在,我希望这些组件的ID以某种方式链接到列表中的对象。 (我之所以尝试这样做是因为我想显示一个按钮,当他们按下该按钮时,显示的内容将发生变化,他们应该会看到其他内容,我将使用javascript来实现这一点) 因此,我试图通过声明 然而,这似乎不起作用。我在谷歌上搜索了很多,但我还没有找到解决方案,这就是为什么我求助于你们 我还将链接我的代码,我删除了一些不必要的部分(但添加

我正在努力做到以下几点: 我给Viewpage的对象有一个列表,我在HTML中做了一个foreach,并创建了许多组件。现在,我希望这些组件的ID以某种方式链接到列表中的对象。
(我之所以尝试这样做是因为我想显示一个按钮,当他们按下该按钮时,显示的内容将发生变化,他们应该会看到其他内容,我将使用javascript来实现这一点)

因此,我试图通过声明
然而,这似乎不起作用。我在谷歌上搜索了很多,但我还没有找到解决方案,这就是为什么我求助于你们

我还将链接我的代码,我删除了一些不必要的部分(但添加了javascript):


功能面板(面板){
var面板=document.getElementById(“区域”+面板);
panel.style.display='block';
var button=document.getElementById(“按钮”+面板);
button.style.display='none';}
添加成员
请选择一个:
V.memberID,新选择列表(Model.members,“ID”,“Name”))%>
我急切地等待答复,并提前向您表示感谢。

我想您的问题是: -你有一些“按钮下拉列表”对,按钮是可见的,下拉列表是不可见的,现在如果用户点击按钮,那么下拉列表将显示

好的,现在你的观点可能是:

<%foreach (TeamDTO team in Model.List.Teams)
     { %>
    <a onclick="AlterPanel(<% team.Number%>)">
    Add member</a>
    <div id="region<%= team.Number %>" style="display:none">
        Please select one: 
        <%: Html.DropDownListFor(V => V.memberID, new SelectList(Model.members, "ID","Name")) %>
    </div>
<% } %>

添加成员
请选择一个:
V.memberID,新选择列表(Model.members,“ID”,“Name”))%>
我在javascript部分使用JQuery,如下所示:

<script type="text/javascript">
    function AlterPanel(thePanel) {
        $("#region" + thePanel.toString()).css("display", "block");
    }
</script>

功能面板(面板){
$(“#region”+thePanel.toString()).css(“显示”、“块”);
}
不要忘记在视图()中包含以下文件:


如果答案不是您想要的,请告诉mt,我可以帮助您~:)

我想您的问题是: -你有一些“按钮下拉列表”对,按钮是可见的,下拉列表是不可见的,现在如果用户点击按钮,那么下拉列表将显示

好的,现在你的观点可能是:

<%foreach (TeamDTO team in Model.List.Teams)
     { %>
    <a onclick="AlterPanel(<% team.Number%>)">
    Add member</a>
    <div id="region<%= team.Number %>" style="display:none">
        Please select one: 
        <%: Html.DropDownListFor(V => V.memberID, new SelectList(Model.members, "ID","Name")) %>
    </div>
<% } %>

添加成员
请选择一个:
V.memberID,新选择列表(Model.members,“ID”,“Name”))%>
我在javascript部分使用JQuery,如下所示:

<script type="text/javascript">
    function AlterPanel(thePanel) {
        $("#region" + thePanel.toString()).css("display", "block");
    }
</script>

功能面板(面板){
$(“#region”+thePanel.toString()).css(“显示”、“块”);
}
不要忘记在视图()中包含以下文件:



如果答案不是你想要的,请告诉mt,我可以帮助你~:)

嘿,谢谢你试图帮助我。问题是,我的javascript可以工作,但它无法访问页面,因为它在
id=“region”
上给出了一个编译错误,表示它不是“id”1的有效值。JavaScript在同一视图中吗?(我的意思是你在同一个视图中编写脚本,但不包括外部文件)2。是团队的每个值。数字是唯一的吗?3.我认为您的源代码行#10“onclick=“AlterPanel()”>可能是“onclick=“AlterPanel()”>,缺少一个等号。嘿,谢谢您尝试帮助我。问题是,我的javascript可以工作,但它无法访问页面,因为它在
id=“region”
上给出了一个编译错误,表示它不是“id”1的有效值。JavaScript在同一视图中吗?(我的意思是你在同一个视图中编写脚本,但不包括外部文件)2。是团队的每个值。数字是唯一的吗?3.我认为您的源代码行#10“onclick=“AlterPanel()”>可能是“onclick=“AlterPanel()”>,缺少一个等号。