Заполнение текстовых полей в выпадающем списке выберите в asp.net

Question

Я новичок в asp.net. У меня есть раскрывающийся список, который заполняется кодом. Когда я выбираю любой элемент из раскрывающегося списка, он должен заполнять два текстовых поля и другой раскрывающийся список в соответствии с данными из таблицы.

<asp:DropDownList runat="server" ID="dropDownExisting"></DropDownList><br /> 
<asp:TextBox ID="txtPromotion" runat="server" Width="77px" ></asp:TextBox><br /> 
<asp:TextBox ID="txtSubject" runat="server" Width="288px"></asp:TextBox><br /> 
<asp:DropDownList ID="dropDownType" runat="server"> 
    <asp:ListItem>Monthly Newsleter</asp:ListItem> 
    <asp:ListItem>Webbinar Newsleter</asp:ListItem> 
    <asp:ListItem>Annoucement</asp:ListItem> 
</asp:DropDownList> 

Я хочу, чтобы это было сделано на стороне клиента. Где я должен обеспечить подключение к базе данных? Должен ли я использовать элемент управления ajax, например панель обновления? Или javascript будет работать хорошо? Я хочу это на стороне клиента.

Answer 1

Я получил прекрасный анс http://msdn.microsoft.com/en-us/library/w1kdt8w2(v=vs.100).aspx. Это именно то, что я хотел

Answer 2

Просто вы можете сделать это в DropDown SelectedIndexChanged Event

SelectedIndexChanged

Редактировать

<asp:UpdatePanel ID="upDdlGoal" runat="server" UpdateMode="always"> 
    <ContentTemplate> 
     <asp:DropDownList ID="drop1" runat="server" AutoPostBack="true" EnableViewState="true" OnSelectedIndexChanged="drop1_SelectedIndexChanged">      
</asp:DropDownList> 
    </ContentTemplate> 
    <Triggers> 
     <asp:AsyncPostbackTrigger ControlID="drop1" EventName="SelectedIndexChanged" /> 
    </Triggers> 
</asp:UpdatePanel> 

Код За:

VB:

Protected Sub drop1_SelectedIndexChanged(ByVal sender As Object, ByVal e As System.EventArgs) Handles ddlAddDepPlans.SelectedIndexChanged 
    //Connectivity coding 
End Sub 

C#:

protected void drop1_SelectedIndexChanged(object sender, System.EventArgs e) 
{ 
    //Connectivity coding 
} 

Answer 3

Клиенты Ide кодирование с использованием JavaScript

.aspx

<asp:DropDownList runat="server" ID="dropDownExisting" ></asp:DropDownList><br /> 
    <asp:TextBox ID="txtPromotion" runat="server" Width="77px" ></asp:TextBox><br /> 
    <asp:TextBox ID="txtSubject" runat="server" Width="288px"></asp:TextBox><br /> 
    <asp:DropDownList ID="dropDownType" runat="server"> 
     <asp:ListItem>Monthly Newsleter</asp:ListItem> 
     <asp:ListItem>Webbinar Newsleter</asp:ListItem> 
     <asp:ListItem>Annoucement</asp:ListItem> 
    </asp:DropDownList> 

.cs

protected void Page_Load(object sender, EventArgs e) 
     { 

      dropDownType.Attributes.Add("onChange", "return OnSelectedIndexChange();"); 
     } 

JavaScript:

<script type="text/javascript"> 
      function OnSelectedIndexChange() { 
       var sel = document.getElementById("dropDownExisting"); 
       var text = sel.options.value; 
       var out = document.getElementById("txtPromotion"); 
       out.value += text + "\n"; 


      } 

    </script>