Soy nuevo en la programación de JavaScript. Mi programa me da otro menú desplegable basado en la selección del primer menú desplegable. Estoy tratando de averiguar cómo puedo agregar una casilla de verificación en mi menú desplegable para poder verificar diferentes tipos de frutas o verduras.
<script> window.onload = function() { // provs is an object but you can think of it as a lookup table var provs = { 'Vegetable': ['Broccoli', 'Cabbage','Carrot'], 'Fruit': ['Tomato', 'Apple','Orange'] }, // just grab references to the two drop-downs food_select = document.querySelector('#food'), type_select = document.querySelector('#type'); // populate the drop-down setOptions(food_select, Object.keys(provs)); // populate the town drop-down setOptions(type_select, provs[food_select.value]); // attach a change event listener to the drop-down food_select.addEventListener('change', function() { // get the towns in the selected province setOptions(type_select, provs[food_select.value]); }); function setOptions(dropDown, options) { // clear out any existing values dropDown.innerHTML = ''; // insert the new options into the drop-down options.forEach(function(value) { dropDown.innerHTML += '<option name="' + value + '">' + value + '</option>'; }); } }; </script> <body> <select id="food"></select><br><br><br> <select id="type"></select> <body>