Lo que intento es algo bastante básico, pero no lo consigo porque los ejemplos que veo no son nada similares a lo que ando buscando.
Hay 2 select
, uno de ellos lo escoges tu manualmente y el otro dinámicamente cambia dependiendo del value
del primero.
Si el value
del primer select
es 1, que en el segundo solo aparezcan cuyo value
sea 1 también.
Lo quiero hacer 100% JavaScript, no quiero nada de JQuery.
HTML.php
<select onchange="coger_value_tipos()" name="tipos" id="tipos">
<option value="1">Carnes</option>
<option value="2">Pescados</option>
<option value="3">Verduras</option>
</select>
<select name="comida" id="comida">
<option value="1">Cerdo</option>
<option value="1">Vaca</option>
<option value="1">Pollo</option>
<option value="2">Sardina</option>
<option value="2">Salmón</option>
<option value="2">Caballa</option>
<option value="3">Espinacas</option>
<option value="3">Kale</option>
<option value="3">Guisantes</option>
</select>
JavaScript.js
function coger_value_tipos() {
var tipos_value_option = document.getElementById("tipos").value;
// ¿Qué más añado aquí?
}