Estoy teniendo un pequeño problema aquí. Tengo dos campos, uno es un campo de selección y el otro es un campo de entrada que es de solo lectura. Lo que estoy haciendo es obtener el valor de la selección y establecer su valor en el campo de entrada. Ahora aquí está el caso en el que quiero guardar el "nombre" en el campo de selección en lugar del "232", pero porque estoy configurando su valor en el campo de entrada cada vez que cambio el "232" en la selección a "nombre" el el valor de los campos de entrada también cambia a "nombre". ¿Cómo puedo establecer el valor de la selección para nombrar sin cambiar el valor del campo de entrada que es "232"?

 <label for="position-bottom-left"> Instruments <span class="mandatory">*</span></label> <select class="select2 form-select shadow-none" name="instrutype" id="instrutype" class="form-control demo" data-control="hue"> <option selected="true" disabled="disabled">Select Intrument </option> <option value="<?php echo "232"; ?>"> <?php echo "name"; ?></option> </select> </div> <div class="col-md-6 fieldspaceout"> <label for="hue-demo">Tenure<span class="mandatory">*</span></label> <input type="text" name="tenure" id="tenure" class="form-control demo" data-control="hue" data-position="bottom left" value="<?php echo $tenure; ?>" readonly> </div> <script type="text/javascript"> var select = document.getElementById('instrutype'); var input = document.getElementById('tenure'); select.onchange = function() { input.value = select.value; } </script>