Tengo datos, cuando actualizo los datos (usando modal), seleccione la opción para que funcione correctamente

Cuando cierro el modal y vuelvo a hacer clic en el botón de edición, hay algún problema con la opción de selección:

Esta es mi edición modal ajax:

 // Function for edit modal plan schedule $('body').on('click', '.editPlanSchedule', function() { var Item_id = $(this).data('id'); $.get("/quotation/getEditPlanSchedule" + '/' + Item_id, function(data) { console.log(data['product_plan']); $('.modal-title-edit').html("Edit Plan Schedule Item"); $('#saveBtn').val("Update"); $('#updatePlanSchedule').modal('show'); $('#id').val(data['data'].id); $('#qno').val(data['data'].qno); $('#b_amount').val(data['data'].b_amount); // $('#product_plan_edit').val(data.product_plan); data['product_plan'].forEach(function(item, index) { $('#product_plan_edit').append($('<option>', { id: item.id, value: item.productplanID, text: item.productplanID })); if(data['data'].product_plan == item.productplanID){ $('#'+item.id).attr('selected',true); } }); }) });

Este es el método del controlador:

 public function getEditPlanSchedule($id) { $item['data'] = QuotationPlanSchedule::find($id); $item['product_plan'] = ProductPlan::orderby('id', 'asc')->get(); return response()->json($item); }