Laravel - Form Input - Multiple select for a one to many relationship

Question

One of the requirements in an application that I am building is for a form input which takes in a varying number of items for a single field  For instance  sports that I play are   Soccer   Tennis   Croquet    There are a finite number of sports one can play  arguably   so these items should be selected from a  quot drop down quot  type list in the form input  Downstream of this form will be two tables which have a one-to-many relationship  So from the above  the  quot user quot  table would have a single row  while the  quot user sports quot  table would have three rows  These would then be linked by the id field in the user table   I have not been able to find the sort of functionality where this can be achieved in the documentation  perhaps I am not searching for the correct thing   Below was the closest that I found  but is only for selecting a single item from a drop down list  http   laravel com docs html drop-down-lists  Is there a workaround out there that will enable me to get this form element up and running using the Laravel framework  Alternatively  are there other ways that this sort of functionality can be achieved  without damaging the user experience

User · Accepted Answer

I agree with user3158900  and I only differ slightly in the way I use it     Form  label  sports    Sports       Form  select  sports   aSports null array  multiple   gt  multiple   name   gt  sports          However  in my experience the 3rd parameter of the select is a string only  so for repopulating data for a multi-select I have had to do something like this    lt select multiple  multiple  name  sports    id  sports  gt   foreach  aSports as  aKey   gt   aSport       foreach  aItem- gt sports as  aItemKey   gt   aItemSport           lt option value     aKey     if  aKey     aItemKey selected  selected  endif gt    aSport   lt  option gt       endforeach  endforeach  lt  select gt

User · Answer

This might be a better approach than top answer if you need to compare 2 output arrays to each other but use the first array to populate the options   This is also helpful when you have a non-numeric or offset index  key  in your array    lt select name  roles    multiple gt       foreach  roles as  key   gt   value           lt option value     key     if in array  value   compare roles  selected  selected  endif gt                 value            lt  option gt       endforeach  lt  select gt

User · Answer

Laravel 4 2   SamMonk gave the best alternative  I followed his example and build the final piece of code   lt select class  chosen-select  multiple  multiple  name  places    id  places  gt       foreach  places as  place           lt option value     place- gt id     foreach  job- gt places as  p   if  place- gt id     p- gt id selected  selected  endif  endforeach gt    place- gt name   lt  option gt       endforeach  lt  select gt    In my project I m going to have many table relationships like this so I wrote an extension to keep it clean  To load it  put it in some configuration file like  app start global php   I ve created a file  macros php  under  app   directory and included it in the EOF of global php     app start global php require app path     macros php       macros php Form  macro  chosen   function  name   defaults   array     selected   array     options   array             For empty Input  old  name  session   selected is an empty string     if   selected   selected   array          opts   array           class    gt   chosen-select            id    gt   name           name    gt   name                  multiple    gt  true             options   array merge  opts   options        attributes   HTML  attributes  options           need an empty array to send if all values are unselected      ret     lt input type  hidden  name      HTML  entities  name         gt         ret      lt select      attributes     gt        foreach  defaults as  def             ret      lt option value       def- gt id                foreach  selected as  p                   session array or passed stdClass obj              current     p- gt id    p- gt id   p              if  def- gt id     current                     ret      selected  selected                                     ret      gt     HTML  entities  def- gt name      lt  option gt               ret      lt  select gt        return  ret        Usage  List without pre-selected items  create view      Form  chosen  places    places  Input  old  places         Preselections  edit view      Form  chosen  places    places   job- gt places       Complete usage     Form  chosen  places    places   job- gt places    multiple   false   title    I  m a selectbox    class    bootstrap is mainstream

User · Answer

Just single if conditions   lt select name  category type    id  category type  class  select2 m-b-10 select2-multiple  style  width  100   multiple  multiple  data-placeholder  Choose  tooltip  Select Category Type  gt    foreach   categoryTypes as  categoryType     lt option value      categoryType- gt id            if in array  categoryType- gt id       request  - gt get  category type        selected  selected       endif   gt          ucfirst  categoryType- gt title     lt  option gt        endforeach   lt  select gt

User · Answer

A multiple select is really just a select with a multiple attribute   With that in mind  it should be as easy as     Form  select  sports      sports  null  array  multiple      The first parameter is just the name  but post-fixing it with the    will return it as an array when you use Input  get  sports       The second parameter is an array of selectable options   The third parameter is an array of options you want pre-selected   The fourth parameter is actually setting this up as a multiple select dropdown by adding the multiple property to the actual select element

User · Answer

My solution  it  s make with jquery-chosen and bootstrap  the id is for jquery chosen  tested and working  I had problems concatenating  foreach but now work with a double  foreach and double  if      lt div class  form-group  gt       lt label for  tagLabel  gt Tags   lt  label gt       lt select multiple class  chosen-tag  id  tagLabel  name  tag id    required gt         foreach  tags as  id   gt   name           if  is array Request  old  tag id                      lt option value      id                       foreach  Request  old  tag id   as  idold                     if  idold   id                      selected                    endif                   endforeach                 style  padding 5px   gt     name    lt  option gt           else            lt option value      id     style  padding 5px   gt     name    lt  option gt           endif        endforeach      lt  select gt     lt  div gt    this is the code por jquery chosen  the blade php code doesn  t need this code to work           chosen-tag   chosen     placeholder text multiple   Selecciona alguna etiqueta     no results text   No hay resultados para la busqueda     search contains  true    width   500px

User · Answer

SamMonk your technique is great  But you can use laravel form helper to do so  I have a customer and dogs relationship   On your controller   dogs   Dog  lists  name    id      On customer create view you can use      Form  label  dogs    Dogs         Form  select  dogs      dogs  null    id    gt   dogs    multiple    gt   multiple         Third parameter accepts a list of array a well  If you define a relationship on your model you can do this      Form  label  dogs    Dogs         Form  select  dogs      dogs   customer- gt dogs- gt lists  id      id    gt   dogs    multiple    gt   multiple         Update For Laravel 5 1  The lists method now returns a Collection  Upgrading To 5 1 0      Form  label  dogs    Dogs           Form  select  dogs      dogs   customer- gt dogs- gt lists  id  - gt all      id    gt   dogs    multiple    gt   multiple

[php] Laravel - Form Input - Multiple select for a one to many relationship

Examples related to php

Examples related to forms

Examples related to laravel

Examples related to one-to-many