Tengo un desplegable de opciones, un "select", y quiero que al seleccionar una opción se me llenen automáticamente varios campos input que tengo en un formulario.

La idea principal es que a partir de una selección de un problema concreto, se me llenen los campos de solución, material y tiempo, que voy a recuperar de una base de datos.

He encontrado varias soluciones en JavaScript, y la que se acerca más sólo rellena uno de los campos input, y yo necesito que sean almenos tres.

Os dejo el código de esta solución, a ver si se puede "personalizar" para que rellene varios. Lo he probado pero no encuentro una solución que funcione.

    

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-html -->

    <form>

        <script type="text/javascript">

            // funcion que se ejecuta cada vez que se selecciona una opción

            function cambioOpciones()

            {

                document.getElementById('showId').value=document.getElementById('opciones').value;

            }

        </script>

     

        <select id='opciones' onchange='cambioOpciones();'>

            <option value=''>Selecciona una opción</option>

            <option value='1'>Opción 1</option>

            <option value='2'>Opción 2</option>

            <option value='3'>Opción 3</option>

            <option value='4'>Empresa D</option>

        </select>

     

        <!-- input donde se mostrara el id de la opción -->

        <input type='text' id='showId' />

    </form>

<!-- end snippet -->

Gracias!