Javascript cambia el valor de entrada cuando se selecciona la opción de selección

Soy muy nuevo en javascript. Entonces tengo una opción de selección y un campo de entrada. Lo que quiero lograr es cambiar el valor del campo de entrada cuando selecciono una opción en particular. Esto es lo que he intentado:

First Name:   Choose Database Type green red orange black   function myFunction(g) { document.getElementById("myText").value = "green"; } function myFunction(r) { document.getElementById("myText").value = "red"; } function myFunction(o) { document.getElementById("myText").value = "orange"; } function myFunction(b) { document.getElementById("myText").value = "black"; }  

Unas pocas cosas:

Debe usar la función onchange , en lugar de hacer onclick en cada opción individual.

Use un atributo de value en cada opción para almacenar los datos, y use una instancia de this para asignar el cambio (o event.target )

No tiene ID en su campo de texto

Te falta la cotización final para tu función onclick

  

Y la función:

 function myFunction(e) { document.getElementById("myText").value = e.target.value } 

Y agrega la ID

  

Fiddle: https://jsfiddle.net/gasjv4hs/

Usted crea funciones con el mismo nombre varias veces.

Solo el último funcionará.

las variables que pasa g,r,o,b no están definidas.

No agregue onclick a la option agregar onchange para select .

Utilice el atributo de data-* HTML5 data-*

 function myFunction(element) { document.getElementById("myText").value = element; } 
 First Name:   

Puedes resolverlo de esta manera.

`Primer nombre:

   

Aquí hay una manera de lograr eso:

 var select = document.getElementById('colorName'); function myFunction(event) { var color = 'No color selected'; if (select.selectedIndex > 0) { color = select.item(select.selectedIndex).textContent; } document.getElementById('myText').value = color; } select.addEventListener('click', myFunction); myFunction(); 
 First Name:   

Tu código debería ser como seguir.