Skip to main content
se añadieron 661 caracteres en el cuerpo
Origen Enlace
Yussef
  • 23.4k
  • 4
  • 12
  • 29

Al crear un objecto FormData pasandolepasándole un formulario, detecto que si tengo un input de tipo select con el atributo multiple para poder seleccionar varios elementos, el objeto FormData solo gestiona un valor.

AquiAquí un ejemplo muy sencillo. https://jsfiddle.net/CarlosRayon/sq9m15gu/3/

¿Habria

document.querySelector('button').addEventListener('click', () => {
  const form = document.querySelector('form');
  console.log(Object.fromEntries(new FormData(form)));
});
 <form action="">
   <input type="text" name="input-text" />
   
   <select name="input-select[]" multiple>
     <option value="value 1">Value 1</option>
     <option value="value 2" selected>Value 2</option>
     <option value="value 3">Value 3</option>
   </select>
 </form>
 <button>GET</button>

¿Habría forma de que el objeto FormData obtendriaobtendría en el caso del select todos los valores sin tener que hacer append al objeto ni ninguna otro tipo de logica adiccional?

Un saludo

Al crear un objecto FormData pasandole un formulario, detecto que si tengo un input de tipo select con el atributo multiple para poder seleccionar varios elementos, el objeto FormData solo gestiona un valor.

Aqui un ejemplo muy sencillo. https://jsfiddle.net/CarlosRayon/sq9m15gu/3/

¿Habria forma de que el objeto FormData obtendria en el caso del select todos los valores sin tener que hacer append al objeto ni ninguna otro tipo de logica adiccional?

Un saludo

Al crear un objecto FormData pasándole un formulario, detecto que si tengo un input de tipo select con el atributo multiple para poder seleccionar varios elementos, el objeto FormData solo gestiona un valor.

Aquí un ejemplo muy sencillo.

document.querySelector('button').addEventListener('click', () => {
  const form = document.querySelector('form');
  console.log(Object.fromEntries(new FormData(form)));
});
 <form action="">
   <input type="text" name="input-text" />
   
   <select name="input-select[]" multiple>
     <option value="value 1">Value 1</option>
     <option value="value 2" selected>Value 2</option>
     <option value="value 3">Value 3</option>
   </select>
 </form>
 <button>GET</button>

¿Habría forma de que el objeto FormData obtendría en el caso del select todos los valores sin tener que hacer append al objeto ni ninguna otro tipo de logica adiccional?

Un saludo

Origen Enlace

Crear un objecto FormData no obtiene un input de tipo select multiple

Al crear un objecto FormData pasandole un formulario, detecto que si tengo un input de tipo select con el atributo multiple para poder seleccionar varios elementos, el objeto FormData solo gestiona un valor.

Aqui un ejemplo muy sencillo. https://jsfiddle.net/CarlosRayon/sq9m15gu/3/

¿Habria forma de que el objeto FormData obtendria en el caso del select todos los valores sin tener que hacer append al objeto ni ninguna otro tipo de logica adiccional?

Un saludo