Quisiera saber como llenar un select
con la opción seleccionada de otro select
.
Mi primer select
obtiene los datos de un llave foránea, y lo que quiero es que se me cargue otro select
con los datos de columna estado de tabla foránea.
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Nuevo Mantenimiento</h3>
</div>
<div class="panel-body">
<div class="table-container">
<form method="POST" action="{{ route('mantenimiento_imp.store') }}" role="form">
{{ csrf_field() }}
<div >
<label for="impresora_id">ID Impresora:</label>
<select class="form-control input-sm" name="impresora_id" id="impresora_id">
<option disabled="true" selected="true">=== Select IMPRESORA===</option>
@foreach($impresora as $impresoras)
<option estado-imp="{{$impresoras->estado}}" modelo-imp="{{$impresoras->modelo_imp}}" marca-imp="{{$impresoras->marca_imp}}" value="{{$impresoras->id}}">{{$impresoras->nombre_imp}}</option>
@endforeach
</select>
</div>
<select id="estado_imp" name="estado">
<option>Debe escoger una empresa primero</option>
</select>
<div>
<label for="marca_equipo">Marca Equipo:</label>
<input type="text" name="marca_equipo" class="form-control input-sm" placeholder="Marca" id="marca_imp" />
</div>
<div>
<label for="modelo">Modelo:</label>
<input class="form-control input-sm" type="text" placeholder="Modelo_imp" id="modelo_imp" />
</div>
<div>
<label for="motivo">Motivo:</label>
<textarea type="text" name="motivo" id="motivo" cols="50" rows="10" class="form-control input-sm" placeholder="Motivo" style="resize: none"></textarea>
</div>
<div>
<label for="diagnostico">Diagnostico:</label>
<textarea type="text" name="diagnostico" id="diagnostico" cols="50" rows="10" class="form-control input-sm" placeholder="Diagnostico" style="resize: none"></textarea>
</div>
<div>
<input type="hidden" name="fecha_mant" value=" <?php echo $fecha = date('d-m-Y'); ?> " >
<input type="submit" value="Guardar" class="btn btn-success btn-block">
<a href="{{ route('mantenimiento_imp.index') }}" class="btn btn-info btn-block" >Atrás</a>
</div>
<script type="text/javascript">
impresora_id.addEventListener("change", () => {
let opt = impresora_id.options[impresora_id.selectedIndex];
let elmodelo = opt.getAttribute("modelo-imp");
modelo_imp.value = elmodelo;
let lamarca = opt.getAttribute("marca-imp");
marca_imp.value = lamarca;
let elestado = opt.getAttribute("estado-imp");
estado_imp.value = elestado;
})
</script>
</div>
</div>
</div>