Skip to main content
se eliminaron 110 caracteres en el cuerpo; etiquetas editadas
Origen Enlace
Rubén
  • 11.5k
  • 7
  • 41
  • 85

Saludos chicos tengoTengo el siguiente codigocódigo js que hace lo siguiente: Muestra

Muestra de manera ordenada lo que recupera de un arreglo en un select pero no se como hacer que imprima en el si el producto seleccionado es solido o liquido.. me he bloqueado, y por ello recurro a su colaboracioncolaboración. dejo soloDejo sólo el codigo JS Gracias de antemano. vale

Vale acotar que ya intente colocando document.getElementById("tipo").innerHTML = tipo;document.getElementById("tipo").innerHTML = tipo; despues de document.getElementById("lista").innerHTML = document.write(text);document.getElementById("lista").innerHTML = document.write(text); pero no funciona.

producto = [
    /*
    a: Abreviacion Formula
    n: Nombre con espacio igual espacio ( = )
    v: valor inicial
    t: tipo de producto true para liq y false para sol
    */
    { c: " ", n: 'Jabon en Pasta', v: 0, t: "sol" },
    { c: " ", n: 'Ambientador', v: 0, t: "liq" },
    { c: " ", n: 'Cloro', v: 0, t: "liq" }
];
producto.sort(function(a, b) {
    if (a.n > b.n) {
        return 1;
    }
    if (a.n < b.n) {
        return -1;
    }
    // a must be equal to b
    return 0;
});
function selector() {
    // document.getElementsByTagName("option").addEventListener("click", location.reload());
    var selec = document.getElementById("mySelect").value;
    document.getElementById("formula").innerHTML = selec;
    document.getElementById("mySelect").value = "";
    document.getElementById("entrada").value = "";
    document.getElementById("salida").innerHTML = "";
    document.getElementById("procedimiento").innerHTML = "";
}

function salidaproducto() {
    text = "<select class='form-control' id='mySelect' onchange='selector();'>";
    for (li in producto) {
        var tipo = "";
        if (producto[li].t == "liq") { tipo = "Liquido"; } else { tipo = "Solido"; };
        text += "<option>" + producto[li].n + "</option>";
    }
    text += "<option value='' disabled selected hidden>Seleccione un Producto...</option>";
    text += "</select>";
    document.getElementById("lista").innerHTML = document.write(text);
}

producto = [
    /*
    a: Abreviacion Formula
    n: Nombre con espacio igual espacio ( = )
    v: valor inicial
    t: tipo de producto true para liq y false para sol
    */
    { c: " ", n: 'Jabon en Pasta', v: 0, t: "sol" },
    { c: " ", n: 'Ambientador', v: 0, t: "liq" },
    { c: " ", n: 'Cloro', v: 0, t: "liq" }
];
producto.sort(function(a, b) {
    if (a.n > b.n) {
        return 1;
    }
    if (a.n < b.n) {
        return -1;
    }
    // a must be equal to b
    return 0;
});
function selector() {
    // document.getElementsByTagName("option").addEventListener("click", location.reload());
    var selec = document.getElementById("mySelect").value;
    document.getElementById("formula").innerHTML = selec;
    document.getElementById("mySelect").value = "";
    document.getElementById("entrada").value = "";
    document.getElementById("salida").innerHTML = "";
    document.getElementById("procedimiento").innerHTML = "";
}

function salidaproducto() {
    text = "<select class='form-control' id='mySelect' onchange='selector();'>";
    for (li in producto) {
        var tipo = "";
        if (producto[li].t == "liq") { tipo = "Liquido"; } else { tipo = "Solido"; };
        text += "<option>" + producto[li].n + "</option>";
    }
    text += "<option value='' disabled selected hidden>Seleccione un Producto...</option>";
    text += "</select>";
    document.getElementById("lista").innerHTML = document.write(text);
}

Saludos chicos tengo el siguiente codigo js que hace lo siguiente: Muestra de manera ordenada lo que recupera de un arreglo en un select pero no se como hacer que imprima en el si el producto seleccionado es solido o liquido.. me he bloqueado, y por ello recurro a su colaboracion. dejo solo el codigo JS Gracias de antemano. vale acotar que ya intente colocando document.getElementById("tipo").innerHTML = tipo; despues de document.getElementById("lista").innerHTML = document.write(text); pero no funciona.

producto = [
    /*
    a: Abreviacion Formula
    n: Nombre con espacio igual espacio ( = )
    v: valor inicial
    t: tipo de producto true para liq y false para sol
    */
    { c: " ", n: 'Jabon en Pasta', v: 0, t: "sol" },
    { c: " ", n: 'Ambientador', v: 0, t: "liq" },
    { c: " ", n: 'Cloro', v: 0, t: "liq" }
];
producto.sort(function(a, b) {
    if (a.n > b.n) {
        return 1;
    }
    if (a.n < b.n) {
        return -1;
    }
    // a must be equal to b
    return 0;
});
function selector() {
    // document.getElementsByTagName("option").addEventListener("click", location.reload());
    var selec = document.getElementById("mySelect").value;
    document.getElementById("formula").innerHTML = selec;
    document.getElementById("mySelect").value = "";
    document.getElementById("entrada").value = "";
    document.getElementById("salida").innerHTML = "";
    document.getElementById("procedimiento").innerHTML = "";
}

function salidaproducto() {
    text = "<select class='form-control' id='mySelect' onchange='selector();'>";
    for (li in producto) {
        var tipo = "";
        if (producto[li].t == "liq") { tipo = "Liquido"; } else { tipo = "Solido"; };
        text += "<option>" + producto[li].n + "</option>";
    }
    text += "<option value='' disabled selected hidden>Seleccione un Producto...</option>";
    text += "</select>";
    document.getElementById("lista").innerHTML = document.write(text);
}

Tengo el siguiente código js que hace lo siguiente:

Muestra de manera ordenada lo que recupera de un arreglo en un select pero no se como hacer que imprima en el si el producto seleccionado es solido o liquido.. me he bloqueado, y por ello recurro a su colaboración. Dejo sólo el codigo JS.

Vale acotar que ya intente colocando document.getElementById("tipo").innerHTML = tipo; despues de document.getElementById("lista").innerHTML = document.write(text); pero no funciona.

producto = [
    /*
    a: Abreviacion Formula
    n: Nombre con espacio igual espacio ( = )
    v: valor inicial
    t: tipo de producto true para liq y false para sol
    */
    { c: " ", n: 'Jabon en Pasta', v: 0, t: "sol" },
    { c: " ", n: 'Ambientador', v: 0, t: "liq" },
    { c: " ", n: 'Cloro', v: 0, t: "liq" }
];
producto.sort(function(a, b) {
    if (a.n > b.n) {
        return 1;
    }
    if (a.n < b.n) {
        return -1;
    }
    // a must be equal to b
    return 0;
});
function selector() {
    // document.getElementsByTagName("option").addEventListener("click", location.reload());
    var selec = document.getElementById("mySelect").value;
    document.getElementById("formula").innerHTML = selec;
    document.getElementById("mySelect").value = "";
    document.getElementById("entrada").value = "";
    document.getElementById("salida").innerHTML = "";
    document.getElementById("procedimiento").innerHTML = "";
}

function salidaproducto() {
    text = "<select class='form-control' id='mySelect' onchange='selector();'>";
    for (li in producto) {
        var tipo = "";
        if (producto[li].t == "liq") { tipo = "Liquido"; } else { tipo = "Solido"; };
        text += "<option>" + producto[li].n + "</option>";
    }
    text += "<option value='' disabled selected hidden>Seleccione un Producto...</option>";
    text += "</select>";
    document.getElementById("lista").innerHTML = document.write(text);
}
Origen Enlace
Jose M Herrera V
  • 1.1k
  • 1
  • 9
  • 29

Generar un resultado para cada document.getElementById

Saludos chicos tengo el siguiente codigo js que hace lo siguiente: Muestra de manera ordenada lo que recupera de un arreglo en un select pero no se como hacer que imprima en el si el producto seleccionado es solido o liquido.. me he bloqueado, y por ello recurro a su colaboracion. dejo solo el codigo JS Gracias de antemano. vale acotar que ya intente colocando document.getElementById("tipo").innerHTML = tipo; despues de document.getElementById("lista").innerHTML = document.write(text); pero no funciona.

producto = [
    /*
    a: Abreviacion Formula
    n: Nombre con espacio igual espacio ( = )
    v: valor inicial
    t: tipo de producto true para liq y false para sol
    */
    { c: " ", n: 'Jabon en Pasta', v: 0, t: "sol" },
    { c: " ", n: 'Ambientador', v: 0, t: "liq" },
    { c: " ", n: 'Cloro', v: 0, t: "liq" }
];
producto.sort(function(a, b) {
    if (a.n > b.n) {
        return 1;
    }
    if (a.n < b.n) {
        return -1;
    }
    // a must be equal to b
    return 0;
});
function selector() {
    // document.getElementsByTagName("option").addEventListener("click", location.reload());
    var selec = document.getElementById("mySelect").value;
    document.getElementById("formula").innerHTML = selec;
    document.getElementById("mySelect").value = "";
    document.getElementById("entrada").value = "";
    document.getElementById("salida").innerHTML = "";
    document.getElementById("procedimiento").innerHTML = "";
}

function salidaproducto() {
    text = "<select class='form-control' id='mySelect' onchange='selector();'>";
    for (li in producto) {
        var tipo = "";
        if (producto[li].t == "liq") { tipo = "Liquido"; } else { tipo = "Solido"; };
        text += "<option>" + producto[li].n + "</option>";
    }
    text += "<option value='' disabled selected hidden>Seleccione un Producto...</option>";
    text += "</select>";
    document.getElementById("lista").innerHTML = document.write(text);
}