title: Unable to get the value on drop downlist selected value for kendo dropdownlist
body: <p>Basically what i want to achieve is i have a button called New and dropdownlist called const. Currently the dropdownlist populate correctly from the database. What i have the problem now is when i select the dropdowlist value and click new button it currently does not select the selected value.</p>
  
  <p>//View</p>
  
  <pre><code>    &lt;input id="btnNewOpt" type="button" value="New" style="width:50px"/&gt;
  
       @(Html.Kendo().DropDownList()
            .HtmlAttributes(new { @Style = "font-size:12px; width:255px" })
            .Name("const")
            .DataTextField("OptName")
            .DataValueField("OptID")
            .OptionLabel("Select option name")
            .DataSource(source =&gt;
            {
                source.Read(read =&gt;
                {
                    read.Action("GetTypeStatus", "Index");
                });
            })
  
         )
  
  
      $(document).ready(function () {
  
            $('#btnNewOpt').click(function (e)
            {
                var dropdownlist = $("#const").data("kendoDropDownList");
  
            }
  
          });
  
  //controller:
    public JsonResult GetTypeStatus()
          {
              var consumerStatus = new HEntities();
  
              return Json(consumerStatus.vwCStatus.Select(c =&gt; new { OptID = c.OptID, OptName = c.OptName, OptiTypeID = c.OptiTypeID })
                  .OrderBy(c =&gt; c.OptName), JsonRequestBehavior.AllowGet);
  
  
          }
  </code></pre>