Saltar al contenido

cómo obtener el valor seleccionado para Kendo DropDownList

Investigamos en el mundo on line para darte la respuesta para tu duda, en caso de alguna pregunta puedes dejar la duda y contestaremos sin falta, porque estamos para ayudarte.

Solución:

Para cualquiera que haya encontrado esto preguntándose cómo obtener el valor seleccionado en JavaScript, esta es la respuesta correcta:

$("#EncounterTypes").data("kendoDropDownList").value();

De la documentación: http://docs.telerik.com/kendo-ui/api/javascript/ui/dropdownlist#methods-value

cuando seleccione un valor de una lista desplegable, y en el evento de selección, podemos obtener el valor seleccionado de la siguiente manera,

@(Html.Kendo().DropDownList()
              .Name("booksDropDown")
              .HtmlAttributes(new  style = "width:37%" )
              .DataTextField("BookName")
              .DataValueField("BookId")
              .Events(x => x.Select("onSelectBookValue"))
              .DataSource(datasource => datasource.Read(action => action.Action("ReadBookDropDow", "PlanningBook").Type(HttpVerbs.Get)))
              .OptionLabel("Select"))

función javascript como la siguiente,

   function onSelectBookValue(e)     

                    var dataItem = this.dataItem(e.item.index());
                    var bookId = dataItem.BookId;
                 //other user code
    

Creo que esto ayudará a alguien.

Gracias

Hola, estaba pasando por este problema, seguí buscando durante 2 horas y encontré una solución propia.

Así que aquí está la línea para obtener cualquier dato solicitado al menú desplegable de kendo.

$("#customers").data("kendoDropDownList").dataSource._data[$("#customers").data("kendoDropDownList").selectedIndex].colour;

Simplemente cambie la identificación de los clientes a la identificación que le ha dado al menú desplegable de kendo.

Si te gusta el tema, eres capaz de dejar un enunciado acerca de qué le añadirías a esta división.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *