asp.net-mvc-3 - 无法获取 kendo 下拉列表的下拉列表选定值上的值

Question

基本上我想要实现的是我有一个名为 New 的按钮和一个名为 const 的下拉列表。目前下拉列表从数据库中正确填充。我现在遇到的问题是当我选择下拉列表值并单击新按钮时，它当前没有选择所选值。

//看法

    <input id="btnNewOpt" type="button" value="New" style="width:50px"/>

     @(Html.Kendo().DropDownList()
          .HtmlAttributes(new { @Style = "font-size:12px; width:255px" })
          .Name("const")
          .DataTextField("OptName")
          .DataValueField("OptID")
          .OptionLabel("Select option name")
          .DataSource(source =>
          {
              source.Read(read =>
              {
                  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 => new { OptID = c.OptID, OptName = c.OptName, OptiTypeID = c.OptiTypeID })
                .OrderBy(c => c.OptName), JsonRequestBehavior.AllowGet);


        }

Answer 1

在全局范围内定义您的剑道下拉菜单，然后在您的点击句柄中通过调用 value() 访问选定的值。

 // create your kendo dropdown and reference to it
var mydropdown = $("#const").data("kendoDropDownList");   

// onclick ... get the value from kendo dropdown
$('#btnNewOpt').click(function (e){
 var selectedValue = mydropdown.value();
} 

Answer 2

试试这些选项。

1)

$(document).ready(function () {

          $('#btnNewOpt').click(function (e)
          {
              var dropdownlist = $("#const").data("kendoDropDownList").value.toString();

          }

        });

2)

$(document).ready(function () {

                  $('#btnNewOpt').click(function (e)
                  {

                   var dropdownlist = $("#const").data("kendoDropDownList")[0].form.const.value;

                  }

                });

3)

$(document).ready(function () {

                      $('#btnNewOpt').click(function (e)
                      {
                        var dropdownlist = $("#const").val();            
                      }

                    });

Answer 3

添加 select() 添加它现在工作

// 创建你的剑道下拉菜单并引用它

var mydropdown = $("#const").data("kendoDropDownList").select();   

// onclick ... get the value from kendo dropdown
$('#btnNewOpt').click(function (e){
 var selectedValue = mydropdown.value();
}