Saltar al contenido

Django: formulario desplegable con selección múltiple

Nuestro equipo de especialistas pasados algunos días de investigación y recopilar de datos, hemos dado con la solución, deseamos que te resulte útil en tu proyecto.

Solución:

Los cuadros “desplegables” no admiten la selección múltiple en HTML; los navegadores siempre lo mostrarán como una caja plana como muestra su imagen.

Probablemente desee utilizar algún tipo de widget JS: Select2 es uno de los más populares. Hay un par de proyectos de Django, django-select2, django-easy-select, que tienen como objetivo simplificar la integración de eso en su formulario; No tengo experiencia con ninguno de los dos.

(Y sí, ese fragmento, como muchas cosas en Djangosnippets, está enormemente desactualizado; “newforms” pasó a llamarse “forms” incluso antes de la versión 1.0 de Django).

Puede elegir varias opciones utilizando Django select2. Incluya el siguiente código en su respectivo archivo HTML.






$('.select_field_class').select2(  placeholder: "Select here", maximumSelectionSize: 100   );

Esto es tarde, pero espero que ayude a alguien más.

También puedes hacerlo una combinación de django forms y un widget select2 Select2MultipleWidget para que se vea más limpio.

class YourCreateForm(forms.ModelForm):
     CHOICES = (("address1","address1"), ("address2","address2"))
     address=forms.MultipleChoiceField(choices=CHOICES,widget=Select2MultipleWidget)

     class Meta:
         model = YourModel
         fields = ("field1","address",)

No olvides instalar e importar los widgets de django select2

Al final de todo puedes encontrar las crónicas de otros administradores, tú asimismo eres capaz mostrar el tuyo si lo deseas.

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



Utiliza Nuestro Buscador

Deja una respuesta

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