对不起,我最近才学习Web开发,
我在动态形式上遇到了一些麻烦,这是图片
我想制作带有选择类型的动态表单。
TAMBAH 按钮 = 添加更多字段 辛潘按钮 = 保存,
问题是,当我想添加更多字段时,选择输入没有显示为第一个,它变成了正常的输入不选择。
我知道,也许问题来自我不明白的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 列下方的第一个
,请帮助老师
var status_pi = document.createElement('input');
应该是:
var status_pi = document.createElement('select');
正如您在此处看到的,input
字段用于文本字段,select
字段用于下拉菜单。
请记住,你可能也必须在 JavaScript 中设置select
的<option>
值。