How can I can the value and data of the chosen combobox and display the information on a textbox?

[Jon]

@(Html.Kendo().ComboBox()
                   .Name("TransferItemId")
                   .DataTextField("Location.Code")
                   .DataValueField("Id")

                   .DataSource(source =>
                                    {
                                        source.Read(read =>
                                        {
                                            read.Action("GetInventoryPallets", "Item" });

                                        })
                                    .ServerFiltering(true);
                                    })

)

[Petar]

Hi Jon,

As the current ticket is submitted in the Kendo UI for Angular section of our forum, I've changed its product to UI for ASP.NET MVC. I hope that this is the suite that you are using. If you are using UI for ASP.NET Core, the approach will be the same as described below. 

To take the value of the ComboBox, you will have to use JavaScript code similar to the one in this Dojo. 

The below code gets the currently selected value and text of the ComboBox component. Having these values you can display them inside a TextBox. The below code uses the value and text methods of the ComboBox.

      $("#getValue").on("click", function(){
        var combobox = $("#TransferItemId").data("kendoComboBox");
        console.log("value=",combobox.value());
        console.log("text=",combobox.text());
      });

I hope the above will help you implement the targeted functionality in the application you are working on. 

Regards,
Petar
Progress Telerik

[Jon]

If I have a Javascript function, how can I call the function using the kendo combobox?

[Petar]

Hi Jon,

You can check the API page of the ComboBox component.

In the events sections of the link, there are multiple events you can use to execute your custom JavaScript function. Here is a Dojo sample demonstrating how we can execute a custom function when the open event is triggered. 

For more details about how to use each of the events, you can click on their links and see the examples inside the opened pages. 

Regards,
Petar
Progress Telerik