Автовыбор значения в DropDownList2 на основе выбора, сделанного в DropDownList1

Question

Я новичок в ASP.NET MVC 3.0.Я пытаюсь автоматически выбрать значение в DropDownList2 на основе значения, выбранного пользователем в DropDownList1.

Как я могу реализовать это?

Подробнее: DropDownList1 отображает список городов, и если пользователь выбирает City1, тогда DropDownList2 автоматически выбирает LakePopular (где DropDownList2 отображает уникальную вещь о городах).

Пока я могу отображать обавыпадающий список с использованием ViewBag и SelectList в контроллере.

Любое предложение приветствуется

Answer 1

Вам необходимо обработать событие OnSelectedIndexChanged DropDownList1.Это выполняется на стороне сервера и может сравнить значение, а затем установить DropDownList2.

Пример .aspx:

<asp:DropDownList ID="DropDownList1" OnSelectedIndexChanged="ddl1_Changed">
<asp:ListItem Value="City1">City1</asp:ListItem>
<asp:ListItem Value="City2">City2</asp:ListItem>
</asp:DropDownList>
//
<asp:DropDownList ID="DropDownList2">
<asp:ListItem Value="City1">LakePopular</asp:ListItem>
<asp:ListItem Value="City2">Desert</asp:ListItem>
</asp:DropDownList>

Пример кода позади:

protected void ddl1_changed(object sender, EventArgs e)
{
DropDownList2.SelectedValue = DropDownList1.SelectedValue;
}

Конечно, вы можетесделать это на стороне клиента, используя JavaScript, но этот способ быстрее и проще.Если вам не нравится обновление страницы, поместите все это на панель обновления AJAX.