title: KendoUI cascading dropdownlists, need value from 2 dropdownlists.
body: <p>I have 3 cascading dropdownlists as follows:</p>
  
  <pre><code>&lt;p&gt;
      &lt;label for="categories"&gt;Catergories:&lt;/label&gt;
      @(Html.Kendo().DropDownList()
            .Name("categories")
            .OptionLabel("Select category...")
            .DataTextField("CategoryName")
            .DataValueField("CategoryId")
            .DataSource(source =&gt; {
                 source.Read(read =&gt; {
                     read.Action("GetCascadeCategories", "ComboBox");
                 });
            })
      )
  &lt;/p&gt;
  &lt;p&gt;
      &lt;label for="products"&gt;Products:&lt;/label&gt;
      @(Html.Kendo().DropDownList()
            .Name("products")
            .OptionLabel("Select product...")
            .DataTextField("ProductName")
            .DataValueField("ProductID")
            .DataSource(source =&gt; {
                source.Read(read =&gt;
                {
                    read.Action("GetCascadeProducts", "ComboBox")
                        .Data("filterProducts");
                })
                .ServerFiltering(true);
            })
            .Enable(false)
            .AutoBind(false)
            .CascadeFrom("categories")
      )
      &lt;script&gt;
          function filterProducts() {
              return {
                  categories: $("#categories").val()
              };
          }
      &lt;/script&gt;
  &lt;/p&gt;
  &lt;p&gt;
      &lt;label for="orders"&gt;Orders:&lt;/label&gt;
      @(Html.Kendo().DropDownList()
            .Name("orders")
            .OptionLabel("Select order...")
            .DataTextField("ShipCity")
            .DataValueField("OrderID")
            .DataSource(source =&gt; {
                source.Read(read =&gt;
                {
                    read.Action("GetCascadeOrders", "ComboBox")
                        .Data("filterOrders");
                })
                .ServerFiltering(true);
            })
            .Enable(false)
            .AutoBind(false)
            .CascadeFrom("products")
      )
      &lt;script&gt;
          function filterOrders() {
              return {
                  products: $("#filterOrders").val()
              };
          }
      &lt;/script&gt;
  &lt;/p&gt;
  </code></pre>
  
  <p>This is how the controller looks like:</p>
  
  <pre><code>    public JsonResult GetCascadeCategories()
      {
          var northwind = new NorthwindDataContext();
  
          return Json(northwind.Categories.Select(c =&gt; new { CategoryId = c.CategoryID, CategoryName = c.CategoryName }), JsonRequestBehavior.AllowGet);
      }
  
      public JsonResult GetCascadeProducts(string categories)
      {
          var northwind = new NorthwindDataContext();
          var products = northwind.Products.AsQueryable();
  
          if (!string.IsNullOrEmpty(categories))
          {
              products = products.Where(p =&gt; p.CategoryID.ToString() == categories);
          }
  
          return Json(products.Select(p =&gt; new { ProductID = p.ProductID, ProductName = p.ProductName}), JsonRequestBehavior.AllowGet);
      }
  </code></pre>
  
  <p>The Action in the controller only takes in 1 parameter, which is whatever value that you have specify in the DataValueField() property of the dropdownlist.</p>
  
  <p>However, for my 3rd dropdownlist, I want the items in it, to be dependant on BOTH the first 2 dropdownlists, and not just the one prior. </p>
  
  <p>How can I get both the selected value of the 1st and 2nd dropdownlist as well from my action?</p>