javascript - 如何将数据库中的选定值设置到 Laravel 中的下拉列表/选择框中？

Question

我正在使用 laravel 5.2 和 javascript。我有一个更新表单，其中包含一个下拉列表，我使用 ajax 和函数 getTugasDetailUpdate 调用该列表。我的问题是如何设置数据库中的值并使下拉列表selected成为我之前选择的数据库中的值？下面是我在 Controller 中的代码。

public function getTugasDetailUpdate(Request $request)
{   
    $update_tugas_id = $request->get("V_ID_PK");
    $getDataListPengikut = DB::select("EXEC dbo.GET_KEMENPAR_LIST_PENGIKUT '".$update_tugas_id."'");
    $getPengikut2 = DB::select("EXEC dbo.LOV_M_PENGIKUT");
    $msg["opt"] ="";
    $no=1;
    foreach($getDataListPengikut as $dtListPengikut):

        $msg["opt"] .= '<tr>
            <td><select class="form-control" id="name_'.$dtListPengikut->KODE.'" name="nameupdate[]" data-live-search="true" style="width:100%">
                <option value=""> --Silahkan Pilih-- </option>'; 
                    foreach ($getPengikut2 as $getPeng){
                      $msg["opt"] .=   '<option value="'.$getPeng->KODE.'">'. $getPeng->DESKRIPSI .'</option>'; 
                    } 
                $msg["opt"] .='</select>
            </td>';
        $msg["opt"] .=  '</tr>';
    $no++;
    endforeach;
    echo json_encode($msg);
}

如何从这些 Controller 获取值并将其设置在我的 JavaScript 中？我想让 var optionS = $('#name_3').html(); 的 id 与 id="name_'.$dtListPengikut->KODE.'"？这些 #name_3 是硬编码，可以是 name_4、name_2 等。

var i=1;
function addMe(e){
var optionS = $('#name_3').html(); 
    i++;
    $('#dynamic_field_update').append('<tr id="row'+i+'" class="dynamic-added"><td><select class="form-control" id="name_3" name="nameupdate[]" data-live-search="true" style="width:100%">'+optionS+' </select></td></tr>'); 
}

Answer 1

您应该将 HTML 与应用程序逻辑分开。我建议您使用Laravel Collective包，这是一个最小的例子:

@foreach($getDataListPengikut as $dtListPengikut) {
    Form::select('XXXXXXXX_name',                 //Unique name for select
          ['key' => 'value', 'key2' => 'value2'], //Options for this select
          null,                                   //Default option (selected)
          [
             'placeholder' => 'Pick something',   //Classes applied to select
             'data-live-search' => 'true',
             'style' => 'width:100%'
          ]
     );
@endforeach