使用 laravel 根据选择标签的选项值查看新的 div

Posted 2023-02-23

【中文标题】使用 laravel 根据选择标签的选项值查看新的 div

【英文标题】：view new div based on option value of select tag using laravel

【发布时间】：2018-02-26 15:40:48

【问题描述】：

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

---

<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>

【参考方案1】：

这不是Laravel 特定的问题。您正在研究 DOM 操作，因此最好的办法是使用 jQuery 或 Vuejs 甚至香草 javascript（如果您愿意的话）。基本上，您将编写一个脚本来观察您的 <select> 何时发生变化，然后根据它的新值，显示您想要的表单部分。

请记住，Laravel 是一个后端框架，因此用户永远不会在页面上与它进行交互。页面加载后，Laravel 已经完成了它所能做的一切，直到发出另一个请求。这就是Javascript 诞生的原因——让用户无需重新加载页面即可更改内容。