[英]How to get list of the dynamic dropdown/selectbox field in javascript and laravel?
I am using laravel 5.2 and I have an update form modal/popup which has a dynamic dropdown field that can add more or remove it. 我正在使用laravel 5.2,并且有一个更新表格modal / popup,其中有一个动态下拉列表字段,可以添加或删除它。 My problem is the dropdown list in only worked in the first row, after I added more dropdown, it does not show the list in it, because I do not know how to put foreach in the javascript.
我的问题是下拉列表仅在第一行中起作用,添加更多下拉列表后,它没有显示列表,因为我不知道如何在JavaScript中放置foreach。 This below is a code in the blade view.
以下是刀片视图中的代码。 The second one is the code in the javascript to add more row / dropdown.
第二个是javascript中添加更多行/下拉列表的代码。 Do you know how?
你知不知道怎么?
<table class="table table-bordered" id="dynamic_field">
<tbody id="tbodpengikut">
<tr>
<td>
<select class="selectpicker form-control" id="id_add_pengikut" name="id_add_pengikut[]" data-live-search="true" style="width:100%">
<option value=""> --Silahkan Pilih-- </option>
@foreach($getPengikut as $getPngkt)
<option value="{{ $getPngkt->KODE }}"> {{ $getPngkt->DESKRIPSI }} </option>
@endforeach
</select>
</td>
<td>
<button type="button" name="add" id="add" class="btn btn-success"><b>+</b></button>
</td>
</tr>
</tbody>
</table>
This is the javascript: 这是javascript:
var i=1;
$('#add').click(function(){
i++;
$('#dynamic_field').append(
'<tr id="row'+i+'" class="dynamic-added">
<td>
<select class="form-control" id="add_pengikut_id" name="add_pengikut_id" data-live-search="true" style="width:100%">
<option value=""> --Silahkan Pilih-- </option>
</select>
</td>
<td>
<button type="button" name="remove" id="'+i+'" class="btn btn-danger btn_remove">X</button>
</td>
</tr>'
);
});
first make add class of buttons not id 首先使按钮添加类不是id
<button type="button" name="add" class="add btn btn-success"><b>+</b></button>
Then your javascript would be like 然后你的JavaScript会像
$('table#dynamic_field').on('click','button.add', function (e) {
var newRow = $(this).parent().parent().clone();
$('table#dynamic_field tbody').append(newRow);
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.