Look at drop down problem

Question

0.00/5 (No votes)

See more:

I have 2 drop down after selection of 1 drop down page is flicking but i don't want that how can i do this pls help.

XML

<tr>
   <td valign="top" align="left" style="padding-removed 10px;">
      <table cellpadding="4" cellspacing="0" border="0" width="100%">
         <tr>
            <td align="left" valign="top" width="15%">
               <asp:Label ID="lblSelectCustomer" runat="server" Text="Select Customer :" Font-Bold="true"></asp:Label>
               </td>
            <td align="left" valign="top" width="85%">
               <asp:DropDownList ID="ddlSelectCustomer" runat="server"    
                  OnSelectedIndexChanged="ddlSelectCustomer_SelectedIndexChanged"
                  AutoPostBack="true">
               </asp:DropDownList>
            </td>
         </tr>
         <tr>
            <td align="left" valign="top">
               <asp:Label ID="lblSelectAudit" runat="server" 
                  Text="Select Audit :" Font-Bold="true"></asp:Label>
            </td>
            <td align="left" valign="top">
               <asp:DropDownList ID="ddlSelectAudit" runat="server" 
                  OnSelectedIndexChanged="ddlSelectAudit_SelectedIndexChanged"
                  AutoPostBack="true">
               </asp:DropDownList>
            </td>
         </tr>
      </table>
   </td>
</tr>

Posted 10-Jan-12 1:03am

Amod Kumar Jaiswal

Updated 10-Jan-12 5:16am

fjdiewornncalwe

v5

Add a Solution

Comments

m@dhu 10-Jan-12 7:11am

Did you use update panel?

Amod Kumar Jaiswal 10-Jan-12 7:14am

i don't want to use update panel into all page i want only 1st drop down

m@dhu 10-Jan-12 7:16am

Then place the two dropdownlists in two different update panels. :)

devbtl 10-Jan-12 7:15am

set autopostback to false

m@dhu 10-Jan-12 7:17am

He is using SelectedIndexChanged event. If autopostback is set to false the event will not be fired.

Amod Kumar Jaiswal 10-Jan-12 7:20am

yes i am using SelectedIndexChanged event

devbtl 10-Jan-12 7:22am

there are two methods if you are using update panel then set autopostback to false , if you don't then page will be reloaded.

devbtl 10-Jan-12 7:23am

put your 1st dropdown in update panel only

Amod Kumar Jaiswal 10-Jan-12 7:27am

I did but 2nd drop down is not loading......on 1st drop down event when i put drop down in update panel

m@dhu 10-Jan-12 7:37am

As I said earlier use two update panels for two dropdownlists that will work.

m@dhu 10-Jan-12 7:38am

Use reply option to reply to that particular member.

devbtl 10-Jan-12 11:45am

^she is right

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Prakash kumar mumbai · Answer 1 · 2012-01-10T05:09:00

Hi I am using mvc with jQuery for Dynamic DropDownList

JavaScript

/******************************** COUNTRY DROPDOWN LIST ***************************************/
@Html.DropDownList("CountryId", ViewBag.CountryId as SelectList,"Please Select", new { onchange = "javascript:OnCountryChange(this.value);" })
@Html.DropDownList("CityId")

/*************************** WHEN COUNTRY CHANGED ********************************************/
function OnCountryChange(value) 
{
   $.ajax(
   {
      type: "POST",
      datatype: "json",
      url: "/Location/GetCityListByCountryId",
      data: "cid=" + value,
      ContentType: "application/Json",
      //async: false,
      success: function (data) 
      {
         //alert('inside the secure place');
         //debugger;
         var ddl = $("#CityId");
         ddl.empty();

         if (data.length > 0) 
         {
            $(ddl).append("<option value=''> Please Select</option>");
            $.each(data, function (index, optionData) 
            {
               $(ddl).append("<option value='" + optionData.CityId + "'>" + optionData.Name + "</option>");
            });
         }
      }
   });
}

/*************************** CITY LIST IN CONTROLLER***************************************************************/
public JsonResult GetCityListByCountryId(string cid)
{
   int cId = Convert.ToInt32(cid);
   JsonResult result = new JsonResult();  //db.Cities.Where(c => c.CountryId == cId).ToList();
   result.Data = (from c in db.Cities
                  where c.CountryId == cId
                  select new { CityId = c.CityId, Name = c.Name, }).ToList();
   result.JsonRequestBehavior = JsonRequestBehavior.AllowGet;
   return result;
}

chetan virkar · Answer 2 · 2012-01-10T01:13:00

Solution 1

paste that code in update panel.

Posted 10-Jan-12 1:13am

chetan virkar