0

cambiar el texto de un select y que me muestre el valor del value, no se si me hice entender...

le dejo como es que me imagino ese codigo

<select id="" name="" class="custom-select " onchange="">
    <option value="">Seleccionar</option>
    <option value="U023">Unidad</option>
    <option value="UN024">Unidad2</option>
    <option value="UP025">Unidad3</option>
</select>

cuando seleccione unidad, unidad2 alguna opción, que me muestre no el texto si no el value... en el mismo select

es posible amigos, agradezco a todos los que me han apoyado y comentado

2
  • si pones una funcion y la llamas desde el onchange que quieres obtener? el value del el option que elegiste, esto es U023,UN024, etc, o lo que dice unidad, unidad2, etc? Commented el 26 may. 2022 a las 17:03
  • gracias por comentar, si deseo mostrar, digamos estos codigos U023, etc. cuando seleccione unidad1...-> me muestre U023... pero en el mismo select, me hago entender
    – Caliche
    Commented el 26 may. 2022 a las 17:05

1 respuesta 1

1

No se realmente que utilidad le daras a esto, me gustaria saberlo, pero aqui tienes:

function cambiaTexto(elemento){
   console.log(elemento)
   if(elemento.value === "") return
   elemento.selectedOptions[0].firstChild.textContent = elemento.value
  }
<select id="" name="" class="custom-select " onchange="cambiaTexto(this)">
  <option value="">Seleccionar</option>
  <option value="U023">Unidad</option>
  <option value="UN024">Unidad2</option>
  <option value="UP025">Unidad3</option>
</select>

Fijate lo que te trae el console log, es un objeto con todas las propiedades de this, que fue el que disparo el evento onchange(), solo tienes que buscar las propiedades que te interesen y cambiar sus valores a gusto. en este caso elemento.selectedOptions[0].firstChild.textContent seria la cadena de propiedades hasta llegar al contenido del texto del option y elemento.value lo que hay en el value de dicho option.

2
  • oye amigo muchisimas gracias, es preciso lo que buscoo. gracias infinitas
    – Caliche
    Commented el 26 may. 2022 a las 19:20
  • son cosas que se me ocurren para usar menos código, ya que es muy común usar un input y mostrar el valor en ello.
    – Caliche
    Commented el 26 may. 2022 a las 19:25

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.