在Laravel 5中创建编辑模式

$（document）.ready（function（）{
/**
*用于显示编辑项弹出窗口
*/
$（文档）。在（'单击'，“#编辑项”，函数（）上{
$（this）.addClass（'edit-item-trigger-clicked'）；//用于识别单击了哪个触发器，从而从正确的行而不是错误的行中获取数据。
变量选项={
“背景”：“静态”
};
$（“#编辑模式”）.model（选项）
})
//论情态剧
$（'#edit modal'）.on（'show.bs.modal'，function（）{
var el=$（“.edit item trigger clicked”）；//看看它在这里有多有用？
var行=el.最近（“.数据行”）；
//获取数据
变量id=标高数据（“项目id”）；
var name=row.children（“.name”）.text（）；
var description=row.children（“.description”）.text（）；
//在输入字段中填写数据
$（“#模式输入id”）.val（id）；
$（“#模态输入名称”）.val（名称）；
$（“#模态输入说明”）.val（说明）；
})
//论模态隐藏
$（'#edit modal'）.on（'hide.bs.modal'，function（）{
$（'.edit-item-trigger-clicked'）。removeClass（'edit-item-trigger-clicked'））
$（“#编辑表单”）。触发器（“重置”）；
})
})

&lt；脚本src=”https://code.jquery.com/jquery-3.2.1.slim.min.js“&gt&lt/脚本&gt；
&lt；脚本src=”https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js“&gt&lt/脚本&gt；
&lt；link rel=“样式表”href=”https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css“/&gt；
&lt；脚本src=”https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js“&gt&lt/脚本&gt；
&lt；div class=“主容器流体”&gt；
&lt；！--标题--&gt；
&lt；div class=“容器流体”&gt；
&lt；div class=“行”&gt；
&lt；div class=“col”&gt；
&lt；h1 class=“text primary mr auto”&gt；示例列表&lt/h1&gt；
&lt/部门&gt；
&lt/部门&gt；
&lt/部门&gt；
&lt；！--/标题--&gt；
&lt；！--表--&gt；
&lt；table class=“table table striped table bordered”id=“myTable”cellspacting=“0”width=“100%”gt；
&lt；thead class=“thead dark”&gt；
&lt；tr&gt；
&lt；th&gt#&lt/th&gt；
&lt；th&gt；名称&lt/th&gt；
&lt；th&gt；说明&lt/th&gt；
&lt；th&gt；行动&lt/th&gt；
&lt/tr&gt；
&lt/thead&gt；
&lt；t车身&gt；
&lt；tr class=“数据行”&gt；
&lt；td class=“对齐中间迭代”&gt；1&lt/td&gt；
&lt；td class=“对齐中间名”&gt；名称1&lt/td&gt；
&lt；td class=“对齐中间分词说明”&gt；说明1&lt/td&gt；
&lt；td class=“中间对齐”&gt；
&lt；button type=“button”class=“btn btn success”id=“编辑项”数据项id=“1”&gt；编辑&lt/按钮&gt；
&lt/td&gt；
&lt/tr&gt；
&lt；tr class=“数据行”&gt；
&lt；td class=“对齐中间迭代”&gt；2&lt/td&gt；
&lt；td class=“对齐中间名”&gt；名称2&lt/td&gt；
&lt；td class=“对齐中间分词说明”&gt；说明2&lt/td&gt；
&lt；td class=“中间对齐”&gt；
&lt；button type=“button”class=“btn btn success”id=“编辑项”数据项id=“2”&gt；编辑&lt/按钮&gt；
&lt/td&gt；
&lt/tr&gt；
&lt/t车身&gt；
&lt/表&gt；
&lt；！--/表--&gt；
&lt/部门&gt；
&lt；！--附件模式--&gt；
&lt；div class=“modal fade”id=“edit modal”tabindex=“-1”role=“dialog”aria labelledby=“edit modal label”aria hidden=“true”&gt；
&lt；div class=“模态对话框模态lg”role=“文档”&gt；
&lt；div class=“模态内容”&gt；
&lt；div class=“模态标题”&gt；
&lt；h5 class=“模态标题”id=“编辑模态标签”&gt；编辑数据&lt/h5&gt；
&lt；button type=“button”class=“close”data dismission=“modal”aria label=“close”&gt&书信电报；span aria hidden=“true”&gt&amp；时代&lt/span&gt；
&lt/按钮&gt；
&lt/部门&gt；
&lt；div class=“模态体”id=“附件体内容”&gt；
&lt；form id=“edit form”class=“form horizontal”method=“POST”action=”“&gt；
&lt；div class=“卡片文本白色背景深mb-0”&gt；
&lt；div class=“卡头”&gt；
&lt；h2 class=“m-0”和；编辑&lt/h2&gt；
&lt/部门&gt；
&lt；div class=“卡体”&gt；
&lt；！--id--&gt；
&lt；div class=“表单组”&gt；
&lt；label class=“col form label”for=“模态输入id”&gt；Id（仅供参考，不向公众展示）&lt/标签&gt；
&lt；输入类型=“text”name=“模态输入id”class=“表单控制”id=“模态输入id”必填项&gt；
&lt/部门&gt；
&lt；！--/id--&gt；
&lt；！--名称--&gt；
&lt；div class=“表单组”&gt；
&lt；label class=“col form label”for=“模态输入名称”&gt；名称&lt/标签&gt；
&lt；input type=“text”name=“modal input name”class=“form control”id=“modal input name”所需自动对焦&gt；
&lt/部门&gt；
&lt；！--/名称--&gt；
&lt；！--说明--&gt；
&lt；div class=“表单组”&gt；
&lt；label class=“col form label”for=“模态输入描述”&gt；电子邮件&lt/标签&gt；
&lt；输入类型=“text”name=“模态输入说明”class=“表单控制”id=“模态输入说明”必填项&gt；
&lt/部门&gt；
&lt；！--/说明--&gt；
&lt/部门&gt；
&lt/部门&gt；
&lt/表格&gt；
&lt/部门&gt；
&lt；div class=“模态页脚”&gt；
&lt；按钮类型=“按钮”类=“btn btn主”数据解除=“模态”&gt；完成&lt/按钮&gt；
&lt；button type=“button”class=“btn btn次要”数据解除=“模态”&gt；关闭&lt/按钮&gt；
&lt/部门&gt；
&lt/部门&gt；
&lt/部门&gt；
&lt/部门&gt；
&lt；！--/附件模式--&gt