2016-12-02 1 views
0

Ce sera formidable, si vous m'aidez.Comparer deux valeurs de liste déroulante et modifier les éléments dans la troisième liste déroulante

J'ai trois listes déroulantes.

<asp:DropDownList ID="DropDownList1" class="form-control input-sm" runat="server" Width="147px"> 
    <asp:ListItem>2</asp:ListItem> 
    <asp:ListItem>4</asp:ListItem> 
    <asp:ListItem>5</asp:ListItem> 
    <asp:ListItem>6</asp:ListItem> 

    <asp:ListItem>8</asp:ListItem> 
    <asp:ListItem>10</asp:ListItem> 
    <asp:ListItem>48</asp:ListItem> 
    <asp:ListItem>60</asp:ListItem> 
</asp:DropDownList> 

<asp:DropDownList ID="DropDownList2" class="form-control input-sm" runat="server" Width="147px"> 
    <asp:ListItem>0.5</asp:ListItem> 
    <asp:ListItem>1.0</asp:ListItem> 
    <asp:ListItem>1.5</asp:ListItem> 
    <asp:ListItem>2</asp:ListItem> 
    <asp:ListItem>2.5</asp:ListItem> 
    <asp:ListItem>3</asp:ListItem> 
    <asp:ListItem>3.5</asp:ListItem> 
    <asp:ListItem>4</asp:ListItem> 
    <asp:ListItem>4.5</asp:ListItem> 
    <asp:ListItem>8.5</asp:ListItem> 
    <asp:ListItem>9</asp:ListItem> 
    <asp:ListItem>10</asp:ListItem> 
    <asp:ListItem>12</asp:ListItem> 
    <asp:ListItem>24</asp:ListItem> 
    <asp:ListItem>48</asp:ListItem> 
</asp:DropDownList> 

<asp:DropDownList ID="DropDownList3" class="form-control input-sm" runat="server" Width="147px"> 
    <asp:ListItem>MET</asp:ListItem> 
    <asp:ListItem>Threatened</asp:ListItem> 
    <asp:ListItem>Breached</asp:ListItem> 
</asp:DropDownList> 

Maintenant, ma question est la suivante:

Si la valeur dropdownlist 1> Valeur dropdownlist2 puis, je ne voir point Met en dropdownlist3 (deux points restants devraient cacher.)

Et encore,

Si dropdownlist 1 valeur < dropdownlist2 value alors, je ne devrais voir que l'élément Breached dans dropdownlist3 (les deux autres éléments devraient se cacher.)

Pouvez-vous aider avec ce code ???

+0

donc ce que vous demandez .... sa logique? – SANDEEP

+0

Google "Evénement SelectedIndexChanged pour Drop-down" –

+0

Je pense que vous voulez qu'une simple fonction jQuery masquer/afficher en utilisant hide() dépend des valeurs des listes déroulantes. – PurpleSmurph

Répondre

0

Ajouter l'événement OnSelectedIndexChanged-DropDownList1 et DropDownList2 et mis AutoPostBack à true

<asp:DropDownList ID="DropDownList1" runat="server" OnSelectedIndexChanged="DropDownList_SelectedIndexChanged" AutoPostBack="true"> 
<asp:DropDownList ID="DropDownList2" runat="server" OnSelectedIndexChanged="DropDownList_SelectedIndexChanged" AutoPostBack="true"> 

Et puis dans le code derrière

protected void DropDownList_SelectedIndexChanged(object sender, EventArgs e) 
{ 
    //get the values from the dropdownlists 
    decimal selectedValue1 = Convert.ToDecimal(DropDownList1.SelectedValue); 
    decimal selectedValue2 = Convert.ToDecimal(DropDownList2.SelectedValue); 

    //clear all listitems from dropdownlist3 
    DropDownList3.Items.Clear(); 

    //add the listitems based on the selected values 
    if (selectedValue1 > selectedValue2) 
    { 
     DropDownList3.Items.Insert(0, new ListItem("MET", "MET", true)); 
    } 
    else if (selectedValue1 < selectedValue2) 
    { 
     DropDownList3.Items.Insert(0, new ListItem("Breached", "Breached", true)); 
    } 
    else 
    { 
     DropDownList3.Items.Insert(0, new ListItem("Threatened", "Threatened", true)); 
    } 
} 
0

faire quelques changements dans votre extrémité avant

Ajouter AutoPostBack="True" dans les deux DropDownList1 & DropDownList2

maintenant en fin Retour sur vous Page_load

protected void Page_Load(object sender, EventArgs e) 
    { 
     if(IsPostBack) 
     { 
      int a = Convert.ToInt32(DropDownList1.SelectedItem.Text); 
      double b = Convert.ToDouble(DropDownList2.SelectedItem.Text); 
      DropDownList3.Items.Clear(); 
      if (a > b) 
      { 
       DropDownList3.Items.Insert(0, "MET"); 
      } 
      else if (a < b) 
      { 
       DropDownList3.Items.Insert(0, "Breached"); 
      } 
      else 
      { 
       DropDownList3.Items.Insert(0, "MET"); 
       DropDownList3.Items.Insert(1, "Breached"); 
       DropDownList3.Items.Insert(2, "Threatened"); 
      } 
     } 
    }