PHP y JavaScript: llenar select con AJAX

Siguiendo con los tutoriales de listas desplegables o select con JavaScript, vamos a ver cómo llenar un select con JS pero con datos traídos desde PHP usando AJAX, es decir, trayendo los datos en segundo plano desde un servidor con PHP usando JavaScript. Esto es, se podría decir, la continuación del tutorial para llenar un select a partir de un arreglo con JavaScript, pero ahora el arreglo va a provenir de PHP y será transmitido como JSON. Será un ejemplo sencillo pero que te servirá para casos más complejos al momento de llenar un select con AJAX desde PHP. ...

abril 23, 2024 · 3 min · 612 palabras · Parzibyte

Prevenir cambio en select con JavaScript

En este post te mostraré cómo prevenir que se seleccione otra opción en un select o lista desplegable de HTML usando JavaScript. Por ejemplo, evitar que el select cambie de opción si el usuario no acepta determinada cosa. Lo vamos a hacer usando JavaScript puro. ...

julio 5, 2020 · 2 min · 281 palabras · Parzibyte

Llenar select con Vue usando v-for

En este artículo te mostraré cómo renderizar un select (elemento HTML) o lista desplegable de HTML con Vue. Es decir, a partir de una lista de objetos, llenar un select y saber cuál elemento está seleccionado. ...

enero 10, 2020 · 2 min · 353 palabras · Parzibyte

Select y jQuery: obtener seleccionado, agregar opción, limpiar y escuchar cambios

jQuery sigue siendo una librería usada en estos últimos tiempos. Me atrevo a decir que es el framework más usado en el entorno de JavaScript, aunque claro, existen mejores por mucho, pero no vamos a discutir eso hoy. La librería de jQuery y su forma de seleccionar los elementos permite interactuar con los mismos de una manera muy fácil, pero debemos aprender los métodos. Por eso es que en este post veremos cómo trabajar con el elemento select de HTML desde jQuery. Veremos cómo: Obtener elemento seleccionado del select (la opción) Agregar una opción al select Limpiar el select, es decir, remover todas las opciones Escuchar cuando el usuario seleccione otra opción del select. Todo esto con jQuery, si quieres ver cómo se hace con JavaScript puro mira este post. ...

julio 8, 2019 · 3 min · 625 palabras · Parzibyte

Select y JavaScript: agregar, limpiar, obtener y escuchar cambios del elemento HTML

Un select es una lista desplegable de opciones de HTML, se declara usando <select> y dentro de él tiene opciones declaradas con <option>. Cada opción tiene un valor y un texto. El select de HTML se maneja a través de JavaScript. Al select también se le conoce como lista desplegable, Dropdown list o simplemente select. Hoy veremos cómo trabajar con JavaScript y los elementos de tipo select con option. Vamos a ver cómo: Obtener valor seleccionado de un select Agregar opciones al elemento select Obtener opción seleccionada Limpiar el select Escuchar cuando el valor del select cambia, es decir, que se selecciona otro valor Está de más mencionar que esto lo haremos con JavaScript puro, sin usar frameworks ni librerías externas. Al final tendremos un ejemplo en donde manejamos un select con JavaScript. ...

julio 7, 2019 · 5 min · 877 palabras · Parzibyte

Establecer opción seleccionada en Select con MaterializeCSS y jQuery

Introducción Hacer que un select tenga una opción seleccionada con jQuery es una tarea fácil, lo mismo que con MaterializeCSS. Sólo que para que éste último funcione, debemos refrescar el select para que tome la opción que le dimos. Seleccionar opción en select con MaterializeCSS Seleccionamos el elemento HTML utilizando jQuery, y le ponemos el valor como lo haríamos con cualquier otro select. Pero después de esto, llamamos a material_select para que los cambios se refresquen. Así: ...

marzo 14, 2018 · 2 min · 313 palabras · Parzibyte