如何将 ASP.Net 页面链接到代码？答案

【问题标题】：How to link up ASP.Net page to code?如何将 ASP.Net 页面链接到代码？
【发布时间】：2013-09-10 08:42:15
【问题描述】：

我有一个清单：

<ul class="question">
    <li>eBook Reader</li>
    <li>Normal Mobile</li>
    <li>Smartphone</li>
    <li>PC / Laptop</li>
    <li>Landline Telephone</li>
    <li>Tablet</li>
    <li>Games Console</li>
</ul>
<a href="#" class="button next">Continue</a>

用户可以单击任何<li> 项目，它会向其中添加一个选定的类。当他们点击继续时，它需要在服务器上的一个方法上运行，该方法将获取所选<li> 的索引并对其进行处理。

问题是我不知道如何处理 .aspx 页面。我试过这个：

<asp:LinkButton runat="server" OnClick="ContinueClick" Text="Continue" CssClass="button next" />

而不是现有的<a> 标签，但我似乎无法从中提取任何有意义的东西。

【问题讨论】：

javascript/jquery 解决方案是否也适合您，或者您是否需要将所选项目存储在某种集合中以供以后在另一个页面中使用？
@Serv 每次点击继续时，我都需要回调服务器。我会将该信息保存在数据库中，然后在同一页面上继续进行另一个操作。
如果你想为选中的/未选中的客户端添加css类，这里有一个jsfiddle给你：jsfiddle.net/qFeBA

标签： c# asp.net .net webforms

【解决方案1】：

我认为这应该是radio button list，然后从那里取选定的值而不是使用列表。看看这个link，了解如何使用单选按钮列表。

我认为，当您希望用户从组中单选时，radio button list 是正确的选择。如果您想要多选，请使用checkbox list。

代码将与此类似...

<asp:RadioButtonList ID="questions" runat="server">  
    <asp:ListItem>eBook Reader</asp:ListItem>  
    <asp:ListItem>Normal Mobile</asp:ListItem>  
    <asp:ListItem>Smartphone</asp:ListItem>  
    <asp:ListItem>PC / Laptop</asp:ListItem> 
    <asp:ListItem>Landline Telephone</asp:ListItem> 
    <asp:ListItem>Tablet</asp:ListItem> 
    <asp:ListItem>Games Console</asp:ListItem> 
</asp:RadioButtonList>


protected void ContinueClick(object sender, System.EventArgs e)   
{   
  //questions.SelectedItem.ToString();   
}

【讨论】：

【解决方案2】：

在您希望在服务器端访问的元素上添加Id 和runat="server" 以及它们的属性和css 类。

您也可以通过添加单选按钮而不是列表来解决此问题。

您的问题的另一个解决方案可能是一个隐藏控件，它包含所选元素的 id。

【讨论】：

【解决方案3】：

您可以像 ASP.NET postback with JavaScript 那样从 JavaScript 手动触发到 ASP.NET 的回发

【讨论】：