Wie bekomme ich Wert von Kendo Combobox

Question

Wie kann ich von Kendo Combobox Wert erhalten? Ich es immer undefiniert bekommen .. Ich habe diese Varianten verwendet, aber sie sind nicht für mich

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

Und immer Fehler wie gearbeitet: Cannot read property 'val' of undefined

Hier ist mein Code:

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)) 

Answer 1

Es gibt viele Möglichkeiten, um das Widget ausgewählt Wert zu erhalten. Wenn Sie versuchen, den Wert nach der Initialisierung zu erhalten und es hat keinen ausgewählten Wert (im Parameter index deklariert) erhalten Sie einen leeren Wert. Wenn Sie den Wert erhalten möchten, wenn der Benutzer ändert, können Sie die select Ereignis verwenden und den Wert wie diese:

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

Working demo

Answer 2

Sie vergessen die Verwendung # vor der ID. Versuchen Sie folgendes:

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

Answer 3

var object= $("#typesCombo").data('kendoComboBox').dataItem() // For getting the selected object