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);
}
lista
te basta con hacer:document.getElementById('lista').innerHTML = text;