Mostrar contenido de select-option en un input text

[mensajeescrito]

Claro, mantener la seudo-clase junto al value y el contenido del option,

y asi cuando se seleccione la option antes de mandar el formulario se deben ver estos 3 valores del option seleccionado del combobox mostrados en los 3 inputs

id_curso, nombre_curso y comentario

cada uno mostrando su valor en 3 inputs mediante ajax.

Esto de mostrar el contenido automaticamente al seleccionar la option mediante ajax funciona perfectamente, no es problema.

Por eso necesito que se visualicen los 3 campos en los 3 inputs. cuando se seleccione la option, pero no se ven.

Y necesito que se vean.

Y ya posteriormente mandar los datos del formulario con el boton submit (que fuciona tambien).


Solo necesito que se vean en los inputs.

help!!!

Código HTML:

<select
       name="lista_cursos"
       id="lista_cursos[]"
       class="estilo_combo_id_curso"
       onchange="mostrarValor(
           this.options[this.selectedIndex].innerHTML,
           this.value,
           this.options[this.selectedIndex].getAttribute("data-comentario")
       )"
    >
 
<option value="<?php echo $id_curso ?>" data-comentario="<?php echo $comentario ?>"><?php echo $nombre_curso ?></option>   
 
</select>
 

Código Javascript:

var mostrarValor = function(x, y, z){
        document.getElementById('lista_cursos').value = x; //El nombre del curso
        document.getElementById('id_curso').value = y;
        document.getElementById('comentario').value = z; //El comentario
    }
 

Y en estos inputs en donde se tienen que ver los 3 valores y no lo hace:

Código HTML:

<div class="nombre_curso">NOMBRE DEL CURSO</div> 
                    
                    <input type="text" name="lista_cursos" placeholder="Modificar nombre del curso" value="" 
                    
                    id="lista_cursos" class="input_style_nombre_curso" size="43" maxlength="100" autocomplete="on" title="Nombre del curso"/>  
 
 
                    <input type="hidden" name="id_curso" placeholder="" value="" 
                    
                    id="id_curso" size="43" maxlength="100" autocomplete="on" title=""/>  
 
 
 
                    <div class="comentario">COMENT. DEL CURSO</div>   
 
                    <input type="text" name="comentario" placeholder="Insertar o modificar comentario del curso" value="" 
                    
                    id="comentario" class="input_style_comentario" size="43" maxlength="100" title="Comentario del curso"/>