Question

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

//视图

    <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

在全局范围内定义您的kendo下拉列表，然后在您的点击句柄中通过调用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();
}

无法获取kendo下拉列表的下拉列表选定值的值

3 个答案: