Populate dropdownlist with table data using javascript

See more:

ASP.NET

I am having two radio buttons, one dropdownlist and two textbox. When first radio button is selected dropdownlist gets populated with data from table1 and if second radio button is selected than dropdownlist gets populated with data from table2. i want this to be done in javascript.

Moreover Ihave connection string specified in web.config

<asp:RadioButton ID="radMail" Text="Mailwise Statistics" runat="server" GroupName="stat_select" onclick="ch(1)" ClientIDMode="Static" /><br />
<asp:RadioButton ID="radDraft" Text="Draftwise Statistics" runat="server" GroupName="stat_select" onclick="ch(2)" ClientIDMode="Static" /><br />
<asp:DropDownList ID="ddlSelectMail" runat="server" Width="51px" Height="16px"></asp:DropDownList>
<asp:TextBox ID="txtMessageId" runat="server" Width="127px"></asp:TextBox></td>
<asp:TextBox ID="txtSubject" runat="server" Width="301px" Height="16px"></asp:TextBox>

My next question is accoding to value selected from dropdownlist the data should be displayed in two textboxes.

In any of the case I dont want the page to post back.