【问题标题】:Laravel 5.6, How to Set option value on var.SetAttibute on dynamic form?Laravel 5.6,如何在动态表单上设置 var.SetAttibute 的选项值?
【发布时间】:2018-07-09 03:37:32
【问题描述】:

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

动态表单有点问题,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 列下方的第一个字段中,

请各位老师帮忙

【问题讨论】:

  • 您对 createElement 的调用应使用 select 而不是 input
  • 它的工作先生,表单成为选择字段但它没有选项值,我应该怎么做才能使该字段具有像第一个一样的值?我不太了解 javascript 语法,也不知道如何用谷歌搜索我的意思
  • 你没有使用选项。您只需使用选择。尝试使用选择和选项

标签: javascript php jquery laravel laravel-5


【解决方案1】:
var status_pi = document.createElement('input');

应该是:

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

can see hereinput 字段用于文本字段,select 字段用于下拉菜单。

请记住,您可能还必须在 JavaScript 中设置 select&lt;option&gt; 值。

【讨论】:

  • 如何在 JavaScript 上设置选择选项先生?你能举一些关于我的问题的例子吗?
  • 看看this answer
猜你喜欢
  • 1970-01-01
  • 2018-02-28
  • 2017-05-26
  • 2017-05-03
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2020-08-10
  • 1970-01-01
相关资源
最近更新 更多