如何隐藏下拉菜单以及如何从下拉菜单中进行多选?

时间:2019-04-08 08:30:11

标签: laravel laravel-form

我有一个下拉列表,其中包含要选择多个工作日的工作日,例如“星期一”和“星期二”,我对此有几个疑问

  • 1)如何隐藏多选下拉列表?因为它显示了所有列表
  • 2)如何多重选择?我应该按住CTRL进行多选吗?
  • 3)如果我将其作为字符串存储到同一列中,它将如何保存在数据库中,我的意思是它将类似于“ MondayTuesday”,“ Monday Tuesday”或“ Monday,Tuesday”

这是我的观点

        <div class="form-group">
            {{Form::label('weekdays', 'Week Days')}}

            {{Form::select('weekdays',$weekdays,null,array('name'=>'weekdays[]', 'multiple' => 'multiple'))}}
            {{Form::select('timetable',$time,null,array('name'=>'time[]'))}}
        </div>

控制器

        $categories_name = Category::pluck('category_name','id');    
        $data = array(
            'weekdays' => [
                'Monday',
                'Tuesday',
                'Wednesday'
            ],
            'time' => [
                '2p.m',
                '3p.m'
            ],
            'categories_name' => $categories_name
        );
        return view('pages.clubs.create_club')->with($data);
    }

see the screenshot to understand what i mean

1 个答案:

答案 0 :(得分:1)

对于1和2,您可以使用名为chosen的插件,该文档有据可查,易于实现。

对于第3个问题,您可以将其以json格式保存在数据库中,如下所示:

;

然后您可以通过解码json字符串在刀片上显示值,如下所示:

$days = "Monday,Tuesday,Wednesday"; 
//or $days = $request->weekdays;
$parsed = explode(",", $days);
$selected_weekdays = json_encode($parsed);

Model::create(['weekdays' => $selected_weekdays]);

更新1:

建议使用凉亭安装它:

$selected_weekdays = json_decode($model->weekdays);

{{Form::select('weekdays[]',$weekdays,$selected_weekdays,array('multiple' => 'multiple'))}}

要使用所选内容:

bower install chosen