5

¿Cómo mostrar datos en un <input> de JavaScript, de acuerdo a lo que se seleccione de un <select>?

<script type="text/javascript">

function mostrarprecio() {
    if (document.getElementById('pizza').value = "0")
    {
        document.getElementById('precio').value = "0";
    }
    else if (document.getElementById('pizza').value == "1") {
        precio = "15000";
    }

}
</script>

<form>
    Seleccione la pizza:
    <select id="pizza" onchange="mostrarprecio()">
        <option value="0" id="0" ></option>
        <option value="15000" id="1">Queso</option>
        <option value="18000" id="2">Jamon</option>
        <option value="22000" id="3">Jamon y Queso</option>
        <option value="30000" id="4">Especial</option>
    </select>
    <input type="text" id="precio" />
2
  • Tienes un error en la condición del if: estás asignando en lugar de comparar, por lo que siempre se irá por la misma rama del if. Aparte de eso, parece que confundes el concepto de valor (value) e identificador (id) y por eso "falla" tu función JS.
    – Alvaro Montoro
    Commented el 16 oct. 2016 a las 20:45
  • asociación: stackoverflow.com/q/1085801/1983854
    – fedorqui
    Commented el 4 mar. 2019 a las 15:10

3 respuestas 3

2

Si lo que deseas mostrar en el input 'precio' es el precio, puedes hacer esto:

function mostrarprecio() {
  var pizza = document.getElementById("pizza"),
     precio = document.getElementById("precio");

  precio.value = pizza.value;
}
<form>
  Seleccione la pizza:
  <select id="pizza" onchange="mostrarprecio()">
    <option value="0"></option>
    <option value="15000">Queso</option>
    <option value="18000">Jamon</option>
    <option value="22000">Jamon y Queso</option>
    <option value="30000">Especial</option>
  </select>
  <input type="text" id="precio" />
</form>

0

Sólo necesitas modificar tu función con lo siguiente.

function mostrarprecio() {
    var pizzaSelect = document.getElementById("pizza");
    var optionSelected = pizzaSelect.options[pizzaSelect.selectedIndex].value;
    document.getElementById("precio").value = optionSelected;
}

Saludos.

0

Te puedo ayudar con jQuery, ya que me simplifica la cantidad de código.

$('select#pizza').change(function(){
  $('input').val($(this).val());  
});

Y al select, ya puedes quitarle el onchange.

Un saludo, Christian

1
  • Ojo! Tu código asigna a todos los inputs el valor de del select#pizza
    – Marcos
    Commented el 18 oct. 2016 a las 15:24

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.