Question

我有一个下拉列表，当我从列表中选择任何一个选项时，我应该在文本框中显示另一个带有教师姓名和教师主题的表格。表格不显示。当我选择一个项目时，它应该显示选择名称和说明框添加他们感兴趣的老师的主题请帮助我查看页面

<div class="portlet light bordered row">
    <h1>Add teacher subject</h1>
    <div class="row">

            <form action = "{{ url('subjectby/adding/process') }}" method = "POST">
                {{ csrf_field() }}

            <div class= "col-md-12">
                <div class="form-group">
                        <h3>Choose Teachers </h3>
                                <div class="input-group"> 
                                        <div class="ui-widget border-dropdown" style="margin-left:50px;">

                                                    <select id="teacher" name="teachers" placeholder="Select Teacher">
                                                        <option value="">Select Teacher</option>
                                                        @foreach($user as $tec)
                                                            <option value="{{$tec->id}}">{{$tec->name}}</option>
                                                        @endforeach
                                                    </select>
                                        </div>
                                </div>
                </div>
            </div>
            <div class="col-md-12">
                    <div class="new">
                       <div class="form-group">
                             <div class="col-sm-6">
                                <label for="inputFacebook">Teacher Name</label>
                                <input type=hidden value="{{$tec->id}}" name="id">
                                <input type="text" value="{{$tec->name}}" class="form-control" name="name">
                             </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-12">
                                <label for="inputDescription">Subject Interested</label>
                                <textarea class="form-control" rows="8" name="intr" placeholder="Enter Subject Interest"> </textarea>
                            </div>

                        </div>

<div class="form-group">
                                <div class="col-sm-12">
                                   <input type="submit" value="add" name=b1>
                                </div>

                            </div>
                    </div>

            </div>
        </form>
    </div>


</div>

Answer 1

这不是Laravel特定问题。您正在进行DOM操作，因此您最好选择使用jQuery或Vuejs甚至香草Javascript。基本上，您将编写一个脚本来监视<select>更改的时间，然后根据它的新值显示您想要的表单部分。

请记住，Laravel是一个后端框架，因此用户永远不会在页面上与其进行交互。页面加载后，Laravel已完成所有操作，直到发出另一个请求。这就是Javascript诞生的原因 - 让用户在不重新加载页面的情况下进行更改。

使用laravel基于select标签的选项值查看新div

1 个答案: