Laravel - 表单输入 - 多选一对多关系

Question

我正在构建的应用程序中的一个要求是表单输入，它为单个字段接收不同数量的项目。 例如，我参加的运动是（“足球”、“网球”、“门球”）。

可以玩的运动数量有限（可以说），因此应从表单输入中的“下拉”类型列表中选择这些项目。

这种形式的下游将是两个具有一对多关系的表。 所以从上面可以看出，“user”表只有一行，而“user_sports”表只有三行。 然后这些将通过用户表中的 id 字段链接。

---

我无法在文档中找到可以实现的功能（也许我没有在寻找正确的东西）。 下面是我找到的最接近的，但仅用于从下拉列表中选择一个项目。

http://laravel.com/docs/html#drop-down-lists

---

是否有解决方法可以让我使用 Laravel 框架启动并运行这个表单元素？

或者，是否有其他方法可以在不损害用户体验的情况下实现此类功能？

Answer 1

我同意 user3158900，我只是在使用它的方式上略有不同：

{{Form::label('sports', 'Sports')}}
{{Form::select('sports',$aSports,null,array('multiple'=>'multiple','name'=>'sports[]'))}}

但是，根据我的经验，select 的第三个参数只是一个字符串，因此要为多选重新填充数据，我必须执行以下操作：

<select multiple="multiple" name="sports[]" id="sports">
@foreach($aSports as $aKey => $aSport)
    @foreach($aItem->sports as $aItemKey => $aItemSport)
        <option value="{{$aKey}}" @if($aKey == $aItemKey)selected="selected"@endif>{{$aSport}}</option>
    @endforeach
@endforeach
</select>

Answer 2

@SamMonk 你的技术很棒。 但是你可以使用 laravel 表单助手来做到这一点。 我有客户和狗的关系。

在您的控制器上

$dogs = Dog::lists('name', 'id');

在客户创建视图上，您​​可以使用。

{{ Form::label('dogs', 'Dogs') }}
{{ Form::select('dogs[]', $dogs, null, ['id' => 'dogs', 'multiple' => 'multiple']) }}

第三个参数接受一个数组 a 的列表。 如果您在模型上定义关系，则可以执行以下操作：

{{ Form::label('dogs', 'Dogs') }}
{{ Form::select('dogs[]', $dogs, $customer->dogs->lists('id'), ['id' => 'dogs', 'multiple' => 'multiple']) }}

Laravel 5.1 更新

列表方法现在返回一个集合。 升级到 5.1.0

{!! Form::label('dogs', 'Dogs') !!}
{!! Form::select('dogs[]', $dogs, $customer->dogs->lists('id')->all(), ['id' => 'dogs', 'multiple' => 'multiple']) !!}

Answer 3

Laravel 4.2

@ SamMonk给出了最好的选择，我按照他的例子构建了最后一段代码

<select class="chosen-select" multiple="multiple" name="places[]" id="places">
    @foreach($places as $place)
        <option value="{{$place->id}}" @foreach($job->places as $p) @if($place->id == $p->id)selected="selected"@endif @endforeach>{{$place->name}}</option>
    @endforeach
</select>

在我的项目中，我将有很多这样的表关系，所以我写了一个扩展来保持它的整洁。 要加载它，请将其放在一些配置文件中，例如“app/start/global.php”。 我在“app/”目录下创建了一个文件“macros.php”，并将其包含在 global.php 的 EOF 中

// 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' => 'chosen-select',
        'id' => $name,
        'name' => $name . '[]',
        'multiple' => true
    );
    $options = array_merge($opts, $options);
    $attributes = HTML::attributes($options);

    // need an empty array to send if all values are unselected
    $ret = '<input type="hidden" name="' . HTML::entities($name) . '[]">';
    $ret .= '<select ' . $attributes . '>';
    foreach($defaults as $def) {
        $ret .= '<option value="' . $def->id . '"';
        foreach($selected as $p) {
            // session array or passed stdClass obj
            $current = @$p->id ? $p->id: $p;
            if($def->id == $current) {
                $ret .= ' selected="selected"';
            }
        }
        $ret .= '>' . HTML::entities($def->name) . '</option>';
    }
    $ret .= '</select>';
    return $ret;
});

用法

没有预选项目的列表（创建视图）

{{ Form::chosen('places', $places, Input::old('places')) }}

预选（编辑视图）

{{ Form::chosen('places', $places, $job->places) }}

完整使用

{{ Form::chosen('places', $places, $job->places, ['multiple': false, 'title': 'I\'m a selectbox', 'class': 'bootstrap_is_mainstream']) }}

Answer 4

多重选择实际上只是具有multiple属性的选择。 考虑到这一点，它应该像……一样简单。

Form::select('sports[]', $sports, null, array('multiple'))

第一个参数只是名称，但是当您使用Input::get('sports')时，使用[]对其进行后修复会将其作为数组返回。

第二个参数是一组可选选项。

第三个参数是您要预先选择的选项数组。

第四个参数实际上是通过将multiple属性添加到实际的选择元素来将其设置为多选下拉列表。

Answer 5

如果您需要将 2 个输出数组相互比较但使用第一个数组填充选项，这可能是比最佳答案更好的方法。

当数组中有非数字或偏移索引（键）时，这也很有用。

<select name="roles[]" multiple>
    @foreach($roles as $key => $value)
        <option value="{{$key}}" @if(in_array($value, $compare_roles))selected="selected"@endif>
            {{$value}}
        </option>
    @endforeach
</select>

Answer 6

我的解决方案是使用 jquery-chosen 和 bootstrap 制作的，id 用于选择、测试和工作的 jquery，我在连接 @foreach 时遇到了问题，但现在使用双 @foreach 和双 @if：

  <div class="form-group">
    <label for="tagLabel">Tags: </label>
    <select multiple class="chosen-tag" id="tagLabel" name="tag_id[]" required>
      @foreach($tags as $id => $name)
        @if (is_array(Request::old('tag_id')))
                <option value="{{ $id }}" 
                @foreach (Request::old('tag_id') as $idold)
                  @if($idold==$id)
                    selected
                  @endif 
                @endforeach
                style="padding:5px;">{{ $name }}</option>
        @else
          <option value="{{ $id }}" style="padding:5px;">{{ $name }}</option>
        @endif
      @endforeach
    </select>
  </div>

这是选择的 jquery 代码（blade.php 代码不需要此代码即可工作）

    $(".chosen-tag").chosen({
  placeholder_text_multiple: "Selecciona alguna etiqueta",
  no_results_text: "No hay resultados para la busqueda",
  search_contains: true,
  width: '500px'
});

Answer 7

只是单身 if 条件

<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">
 @foreach ($categoryTypes as $categoryType)
  <option value="{{ $categoryType->id }}"
    **@if(in_array($categoryType->id,
     request()->get('category_type')??[]))selected="selected"
    @endif**>
     {{ ucfirst($categoryType->title) }}</option>
     @endforeach
 </select>