Click here to Skip to main content
15,884,353 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
Please Refer To code snippet to help me.
JavaScript
var SupplierDetails = <%=LoadSupplierDetails()>;

function pageLoad(sender,args)
        {
            LoadSupplier();
       
        }
        function LoadSupplier()
        {     
            $("#<%=ddlSupplier.ClientID%>").append(new Option("Select Supplier",0));   
            for (i = 0; i < SupplierDetails.length; i++) {                    
                $("#<%=ddlSupplier.ClientID%>").append(new Option(SupplierDetails[i].PartyName,SupplierDetails[i].PartyId));                
            }
           
        }

 function loadPO() {

            var index=$('#<%=ddlSupplier.ClientID %> option:selected').val();
            $('#<%=ddlPO.ClientID%>').children().remove().end().append('<option selected value="0">Select PO</option>');
            for (i = 0; i < SupplierPOs.length; i++) {
                if (SupplierPOs[i].PartyId == index) {
                    $("#<%=ddlPO.ClientID%>").append(new Option(SupplierPOs[i].PO, SupplierPOs[i].POId));                
                }
            }
        }


This is Client Side code to populate dropdown i.e.
ASP.NET
<asp:DropDownList runat="server" ID="ddlSupplier" onchange="loadPO();" Width="100%"></asp:DropDownList>


While trying to access this value of dropdown in it only shows "" for selectedValue
C#
  protected void btnSave_Click(object sender, EventArgs e)
        {
string str = ddlSupplier.selectedValue;
// This line shows "" for selectedValue
}
Posted
Updated 25-Jun-15 21:27pm
v5

1 solution

Please Refer this code it may be help :-

C#
function LoadSupplier() {
     var ddlSupperlier = document.getElementById('<%= ddlSupplier.ClientID %>');
     ddlSupperlier.append(new Option("Select Supplier", 0));
     for (i = 0; i < SupplierDetails.length; i++) {
         ddlSupperlier.append(new Option(SupplierDetails[i].PartyName, SupplierDetails[i].PartyId));
     }
 }

 function loadPO() {
     var ddlPO = document.getElementById('<%= ddlPO.ClientID %>');
     var Options = document.createElement("option");
     ddlPO.length = 0;
     Options.text = "- SELECT -";
     Options.value = "-1";
     ddlPO.options.add(Options);
     for (var i = 0; i < SupplierPOs.length; i++) {
         if (SupplierPOs[i].PartyId == index) {
             var Option = document.createElement("option");
             //Option = result[i];
             Option.text = SupplierPOs[i].PO;
             Option.value = SupplierPOs[i].POId;
             ddlPO.options.add(Option);
         }
     }
}



C#
protected void btnSave_Click(object sender, EventArgs e)
        {
string str = ddlSupplier.selectedValue;
// This line shows "" for selectedValue
}
 
Share this answer
 
v2
Comments
Ni!E$H_WAGH 26-Jun-15 6:37am    
I tried your solution but in LoadSupplier() it says object does not support this property
Anil Vaghasiya 6-Jul-15 6:10am    
--->Replace the LoadSupplier() Methods and Use it

function LoadSupplier() {
var ddlSupperlier = document.getElementById('<%= ddlSupplier.ClientID %>');
var Options = document.createElement("option");
ddlSupperlier.length = 0;
Options.text = "- SELECT Supplier -";
Options.value = "-1";
ddlSupperlier.options.add(Options);
for (int i = 0; i < SupplierDetails.length; i++) {
var Option = document.createElement("option");
Option.text = SupplierDetails[i].PartyName;
Option.value = SupplierDetails[i].PartyId;
ddlSupperlier.options.add(Option);
}
}

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



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900