如何从剑道组合框获得价值

Posted

技术标签:

【中文标题】如何从剑道组合框获得价值【英文标题】:How to get value from kendo combobox 【发布时间】:2016-12-26 15:44:21 【问题描述】:

我如何从剑道组合框的价值中获得?我总是不确定..我使用过这些变体,但它们对我不起作用

var selected = $('#typesCombo').data('kendoComboBox').val();
var selected = $('#typesCombo').data('kendoComboBox').value();
var selected = $('#typesCombo').data('kendoComboBox');

并得到如下错误:Cannot read property 'val' of undefined

这是我的代码:

JS:

$('#loadContainer').load("@Url.Action("Load", "Home")" + id);

var selected = $('#typesCombo').data('kendoComboBox').val();

if (selected == '') 
    ...
    

html

@(Html.Kendo().ComboBoxFor(x => x.Types.Name).Name("typesCombo")
                                             .DataTextField("Name")
                                             .DataValueField("Id")
                                             .HtmlAttributes(new  style = "width:100%", id = "typesCombo" )
                                             .BindTo(Model.TypesList))

【问题讨论】:

【参考方案1】:

您忘记在 id 之前使用 #。 请尝试以下操作:

var selected = $("#typesCombo").data('kendoComboBox').value()

【讨论】:

【参考方案2】:

有很多方法可以获取小部件的选定值。如果您在初始化后尝试获取该值并且没有选定值(在index 参数中声明),您将获得一个空值。如果您想在用户更改它时获取值,您可以使用select 事件并获取如下值:

$("#typesCombo").data('kendoComboBox').value(); // The selected value itself
$("#typesCombo").data('kendoComboBox').dataItem(); // The selected entire dataItem object
$("#typesCombo").val(); // Only if the target element is an input element

Working demo

【讨论】:

【参考方案3】:
var object= $("#typesCombo").data('kendoComboBox').dataItem() // For getting the selected object

【讨论】:

您能详细说明这是如何解决问题的吗? OP 已经尝试过的东西没有做什么?

以上是关于如何从剑道组合框获得价值的主要内容,如果未能解决你的问题,请参考以下文章

如何在剑道组合框中更改/设置值

如何调整剑道 ui 组合框的大小?

在剑道组合框中动态添加项目

剑道组合框需要验证不起作用

如何在C#中获得组合框的所有选定值

如何获得2取的数据框列的所有组合?