打扰了,我最近正在学习网络开发,
我在动态表格here's the picture
上遇到了一些麻烦我想制作带有选择类型的动态表单。
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列下面的第一个字段中一样显示
请帮助老师
答案 0 :(得分:0)
var status_pi = document.createElement('input');
应该是:
var status_pi = document.createElement('select');
在您can see here时,input
字段用于文本字段,而select
字段用于下拉菜单。
请记住,您可能也必须在JavaScript中设置select
的{{1}}值。