Как связать страницу ASP.Net с кодом?

Question

У меня есть список:

<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> тега, но я не могу показаться, чтобы быть в состоянии осуществить что-нибудь осмысленное из него.

Answer 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(); 
} 

Answer 2

Добавить Id и runat="server" на элементы, которые вы хотели бы получить на серверной стороне со своими атрибутами и css-классом.

Вы также можете решить эту проблему, добавив радиокнопки, а не список.

Другим решением вашей проблемы может быть скрытый элемент управления, который содержит идентификатор выбранного элемента.

Answer 3

Вы можете вручную запустить постбэки в ASP.NET из JavaScript, как этот ASP.NET postback with JavaScript