时间戳

首页 > 解决方案 > Laravel 5.6，如何在动态表单上设置 var.SetAttibute 的选项值？

javascript - Laravel 5.6，如何在动态表单上设置 var.SetAttibute 的选项值？

问题描述

不好意思，我最近刚学web开发，

我在动态表单上遇到了一些麻烦，这是图片

我想制作带有选择类型的动态表单。

TAMBAH 按钮 = 添加更多字段 Simpan 按钮 = 保存，

问题是，当我想添加更多字段时，选择输入没有显示为第一个，它变成了正常输入而不是选择。

我知道，也许问题出在我不明白的 javascript 上。

这是代码

在表格上

<td>{{ Form::text('jumlah[]', null, array('class'=>'form-control')) }}</td>
<td>{{ Form::text('satuan[]', null, array('class'=>'form-control')) }}</td>
<td>{{ Form::text('keterangan[]', null, array('class'=>'form-control')) }}</td>
{{ Form::select('status_pi[]', ['Iya' => 'iya', 'Tidak' => 'Tidak'],
'Tidak',array('class'=>'form-control')) }}

在 Javascript 上

var jumlah = document.createElement('input');
jumlah.setAttribute('name', 'jumlah[' + i + ']');
jumlah.setAttribute('class', 'form-control');

var satuan = document.createElement('input');
satuan.setAttribute('name', 'satuan[' + i + ']');
satuan.setAttribute('class', 'form-control');

var keterangan = document.createElement('input');
keterangan.setAttribute('name', 'keterangan[' + i + ']');
keterangan.setAttribute('class', 'form-control');

var status_pi = document.createElement('input');
status_pi.setAttribute('name', 'status_pi[' + i + ']');
status_pi.setAttribute('selected', 'selected');
status_pi.setAttribute('class', 'form-control');

我想让 var status_pi 字段出现在 PI 列下方的第一个字段中，

请帮助老师

标签： javascriptphpjquerylaravellaravel-5

解决方案

var status_pi = document.createElement('input');

应该：

var status_pi = document.createElement('select');

正如您在此处看到的，该input字段用于文本字段，而select字段用于下拉菜单。

请记住，您可能还必须在 JavaScript中设置select's值。<option>

推荐阅读