Quiero seleccionar artículos y su cantidad. el elemento ya está en la base de datos, por lo que se verá en la casilla de verificación y quiero agregar la cantidad correspondiente que no sé cómo implementar. si otra forma es mejor que esta, por favor respóndame.
por ejemplo: un cuadro de selección múltiple contiene
manzana, plátano, cereza
también quiero seleccionar la cantidad
manzana >>>> cantidad 2
cereza >>>> cantidad 3
responde con ejemplo
¿Esto ayudaría?
const sel = document.getElementById("item"); const qtyDiv = document.getElementById("qtyDiv"); const qtys = qtyDiv.querySelectorAll("label"); const show = () => { const vals = [...sel.options].filter(option => option.selected).map(option => option.value); console.log(vals) qtys.forEach(qty => { qty.style.visibility = vals.includes(qty.id) ? "visible": "hidden"; }) }; sel.addEventListener("click",show) show() #parent { display: flex; } .narrow { width: 200px; height: 150px background: lightblue; } .wide { flex: 1; /* Grow to rest of container */ background: lightgreen; /* Just so it's visible */ } .wide label { display: block; visibility: hidden; } #item { height: 50px; border: none; } <div id="parent"> <div class="narrow"> <select id="item" multiple size="2"> <option value="apple">Apples</option> <option value="banana">Bananas</option> </select> </div> <div id="qtyDiv" class="wide"> <label id="apple">How many apples?<input type"number" name="apples" /></label> <label id="banana">How many bananas?<input type"number" name="bananas" /></label> </div> </div>