4
votos
Como incorporar un text box en un dropdown list con Jquery?
Asegurando que funcione correctamente en el contexto de una extensión de usuario (sin acceso directo al HTML):
$(document).ready(function() {
// Crear un input[type="text"] dinámicamente
...
3
votos
Aceptado
Cómo puedo hacer que un <select> se reduzca o expanda (ajuste) según lo seleccionado?
Actualización:
Ha salido una nueva propiedad CSS: field-sizing que permite ajustas los controles de formulario al contenido
select{
field-sizing: content
}
<select id="searchDropdownBox" ...
2
votos
Aceptado
No funciona el dropdown boostrap 5
No te funciona porque estás cargando dos veces el javascript de bootstrap.
En esta linea cargas el completo (que tambien contiene popper):
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5....
2
votos
Aceptado
Como visualizar valores seleccionados de mi checkbox en el primer valor
Problema:
Nuevamente lo explico, lo que requiero es visualizar los elementos seleccionados de mi dropdown en el primer valor, es decir que se puedan visualizar donde esta el valor de "Seleccione ...
2
votos
Como visualizar valores seleccionados de mi checkbox en el primer valor
Puedes hacer que los elementos seleccionados se muestren en el espacio donde dice "Seleccione una opción", pero necesitas crear un nuevo contenedor para el mensaje y la lista de elementos ...
2
votos
Aceptado
Dropdown de Bootstrap
Ingresas 2 veces la librería
Fíjate lo que señala la documentación sobre el bundle
Traducción automática:
Bundle
Incluye cada plugin y dependencia de JavaScript de Bootstrap
con uno de nuestros dos ...
2
votos
Aceptado
Activar y desactivar class active en dropdown-item
Primero debes evitar que el enlace recargue la página, con .preventDefault();, luego solo es agregar y quitar a sus hermanos la clase .active con .clik();
$('.dropdown-menu a').click(function(e){
...
1
voto
Como incorporar un text box en un dropdown list con Jquery?
Existe el elemento datalist, que agrega la funcionalidad de autocompletado a un input[text], dejándolo muy parecido a un select pero con la posibilidad de buscar una opción para autocompletado.
...
1
voto
Aceptado
¿Como crear varios dropdown options en flet sin utilizar for dentro de options (no lo permite)?
No debes tener ningún problema en usar un for, se supone que options debe recibir una lista, por lo que puedes usar una lista por compresión asi:
options = [ft.dropdown.Option(patente) for patente in ...
1
voto
Aceptado
Dropdown hover menu no despliega
Solo debes agregar un + en css después del :hover para que sepa que esta después de la etiqueta y no dentro:
.navbar nav a:hover +.speech-bubble {
display: flex;
}
1
voto
¿Cómo listar con colores en una tabla de acuerdo al estado de mis productos? HTML - CSS
Te conviene más manejar el dropdown como template tal como lo indica la documentación de primeng, solo que en vez de banderas serán colores.
<p-dropdown [options]="countries" [(ngModel)]=&...
1
voto
Aceptado
¿Cómo listar con colores en una tabla de acuerdo al estado de mis productos? HTML - CSS
Puedes crear una función que te retorne los colores según el status
getStyleStatus() : any{
switch(this.inventarios.status){
case 'OK':
return {'background-color': '#C8E6C9', color: '#...
1
voto
Más de una llamada al endpoint en React
como ya te respondiste tu pregunta, y viendo el resultado, yo te recomiendo que uses Promise.All. aquí un ejemplo de como quedaría basándome en tu resultado.
const [countriesResponse, citiesResponse] =...
1
voto
Aceptado
¿Cómo establecer dos valores en una etiqueta de opción? en Angular PrimeNG
Puedes utilizar lo que es ng-template para poder armar a tu gusto el listado de tus items (el ejemplo de primeng lo puedes encontrar aquí)
<p-dropdown
[options]="sellers"
[(ngModel)]=&...
1
voto
Aceptado
Mi dropdown menú se cierra y no cumple sú función
Hola cómo estás?? Creo que la siguiente solución te podría ayudar
Paso 1: quita el visibility: hidden; y opacity: 0; de la clase .mega-menu
Paso 2: Colócale display: none; a la clase .mega-menu y ...
1
voto
No logro filtrar un dropdown! Laravel 8 - AJAX
Además del aporte de mi compañero masterguru, el cual tenia razón en esta parte del codigo:
for (var i = 0; i < len; i++) {
var id = response['data'][i].id;
var name = response['data'][i]....
1
voto
Aceptado
Formulario con Bootstrap Select
Gracias a todos por las sugerencias, al final lo he solventado importando los CDN del CSS y de JS de la versión de Bootstrap 4.6.1 y sustituyéndolos por los que trae adminlte. Me falta hacer algún ...
Only top scored, non community-wiki answers of a minimum length are eligible
Etiquetas relacionadas
dropdown × 34javascript × 12
html × 11
css × 9
bootstrap × 8
angular × 5
reactjs × 5
select × 3
navbar × 3
python × 2
jquery × 2
typescript × 2
responsive × 2
scss × 2
dropdownlist × 2
menu × 2
flet × 2
ajax × 1
html5 × 1
asp.net × 1
lista × 1
ruby-on-rails × 1
bucle-for × 1
react-native × 1
ruby × 1