根据类型（文本、复选框、选择等）以适当的布局显示问题无法正常工作

Question

我有一个用户创建自定义问题的表单。为此，用户需要引入问题（例如：接收通知？）以及字段的类型（文本、长文本、复选框、选择菜单、单选按钮）。如果用户选择复选框的字段、选择菜单或单选按钮，他还需要为该问题引入可用的选项。

在数据库中，问题插入到问题和问题选项表中，如：

//问题表

id     question                    type          conference_id      
1       question1                 text                 1
2       question2                long_text             1   
3       question3                checkbox              1  
4       question4                radio_btn             1  
5       question5                select_menu            1      

//问题(u)选项表:

id     question_id                   type                
1       3                             q3op1       
2       3                              q3op2
3       4                             q4op1 
4       4                              q4op2 
5       5                              q5op1      
6       5                              q5op2      

我的疑问是如何在registration.blade.php输入（文本、单选按钮、复选框、选择、文本区域和输入文件）中正确显示基于问题表“类型”列中存储的类型。现在不能正常工作，它看起来像图像的左屏幕，但应该看起来像图像的右屏幕：

你知道为什么它看起来不像图像的右屏幕吗？

在问题模型中有一个getHtmlInput方法（）：

  switch ($this->type) {
            case "text":
                  return "<input type='text' name='$name' val='$val' class='$class''" . ($required?:"required") . "/>";
            case "checkbox":
                return "<input type='checkbox' name='$name' class='$class''" . ($required?:"required") . "/>";
            case "radio_btn":
                return "<input type='radio' name='$name' class='$class''" . ($required?:"required") . "/>";
            case "select_menu":
                return "<select name='$name' class='$class''" . ($required?:"required") . "></select>";
            case "textarea":
                return "<textarea name='$name' class='$class''" . ($required?:"required") . "></textaera>";
        }

在注册中。刀身php问题的代码如下所示：

@if ($allParticipants == 0)
    @foreach($selectedRtype['questions'] as $customQuestion)
        <div class="form-group">
            <label for="participant_question">{{$customQuestion->question}}</label>
            {!! $customQuestion->getHtmlInput(
            'participant_question[]',($customQuestion->pivot->required == "1") ? 'required' : '',
            $class = "form-control",
             $customtype=$customQuestion->type) !!}
        </div>
        @if($customQuestion->hasOptions())
            @foreach($customQuestion->options as $option)
                <p>{{ $option->value }}</p>
            @endforeach
        @endif
    @endforeach
@endif     

问题控制器存储方法来创建问题：

public function store(Request $request, $id){
    $this->validate($request, [
        'question' => 'required|max:255|string',
        'type' => 'required|max:255|string',
    ]);
    $conference = Conference::find($id);
    $question = Question::create([
        'conference_id' => $conference->id,
        'question' => $request->question,
        'type' => $request->type,
    ]);


    if(in_array($request->type, Question::$typeHasOptions)){
        foreach($request->input('questionOptions') as $questionOption) {
            QuestionOption::create([
                'question_id' => $question->id,
                'value' => $questionOption
            ]);
        }
    }
    Session::flash('success', 'Question created with success.');
    return redirect()->back();
}

型号：

//问题模型

class Question extends Model
{
    protected $fillable = [
        'question', 'type', 'conference_id',
    ];

    public static $typeHasOptions = [
        'radio_btn',
        'select_menu',
        'checkbox'
    ];

    public function ticket_types(){
        return $this->belongsToMany('App\TicketType', 'ticket_type_questions')
            ->withPivot('required');
    }

    public function options() {
        return $this->hasMany('App\QuestionOption');
    }


    public function hasOptions() {
        return in_array($this->type, self::$typeHasOptions);
    }

    public function getHtmlInput($name = "", $val = "", $required = false, $class = "", $customtype=false)
    {
        switch ($this->type) {
            case "text":
                  return "<input type='".($customtype?:"text")."' name='$name' val='$val' class='$class''" . ($required?:"required") . ">";
            case "checkbox":
                return "<input type='".($customtype?:"checkbox")."' name='$name' class='$class''" . ($required?:"required") . ">";
            case "radio_btn":
                return "<input type='".($customtype?:"radio")."' name='$name' class='$class''" . ($required?:"required") . ">";
            case "select_menu":
                return "<input type='".($customtype?:"radio")."' name='$name' class='$class''" . ($required?:"required") . ">";
            case "textarea":
                return "<input type='".($customtype?:"radio")."' name='$name' class='$class''" . ($required?:"required") . ">";
        }
    }


}

//问题期权模型

class QuestionOption extends Model
{
    protected $fillable = [ 'question_id', 'value' ];

    public function question() {
        return $this->belongsTo('App\Question');
    }
}

Answer 1

代码中的错误：

• 在getHtmlInput中，设置了两次引号class='$class''

每个输入应有唯一的名称字段。您需要将名称字段添加到问题表中。并在模板中用作$customQuestion-

固定代码示例（未测试）：

registration.blade.php

可能看起来像这样：

@if ($allParticipants == 0)
@foreach($selectedRtype['questions'] as $customQuestion)
    <div class="form-group">
        <div>
            {{$customQuestion->question}}
        </div>
        <div>
            @if($customQuestion->hasOptions())
                {!! $customQuestion->getHtmlInput(
                    $customQuestion->name,
                    $customQuestion->options,
                    ($customQuestion->pivot->required == '1'),
                    'form-control',
                    $customQuestion->type) 
                !!}
            @endif
        </div>        
    </div>
@endforeach
@endif

和方法getHtmlInput（）

可能看起来像这样：

public function getHtmlInput($name = "", $options = "", $required = false, $class = "", $customtype=false)
{
    $html = '';
    $html .= $customtype == 'select_menu' ? "<select name='$name' class='$class' ".($required?:" required").">" : '';


    foreach($options as $option) {
        switch ($customtype) {
        case "text":
            $html .= "<div><input type='text' name='$name' value='".$option->value."' class='$class'" . ($required?:" required") . "></div>";
            break;
        case "checkbox":
            $html .= "<div><input type='checkbox' name='".$name."[]' value='".$option->value."' class='$class'" . ($required?:" required") . ">". $option->value."</div>";
            break;
        case "radio_btn":
            $html .= "<div><input type='radio' name='".$name."[]' class='$class'" . ($required?:" required") . "> ".$option->value."</div>";
            break;
        case "select_menu":
            $html .= "<option value='".$option->value."'>";
            break;
        case "textarea":
            $html .= "<div><textarea name='$name' class='$class'" . ($required?:" required") . ">" . $option->value . "</textarea></div>";
            break;
    }
    }

    $html .= $customtype == 'select_menu' ? "</select>" : '';

    return $html;
}