Tengo una pregunta con un combobox que tienen 2 opciones, ejemplo
CONDICIÓN DEL estudiante con 2 opciones como respuesta
1.EGRESADO
2. NO EGRESADO
<select name="pregunta[0].ope_id" id="pregunta[0].ope_id" class="form-control selectinput valid">
<option value="44" data_arreglo="33,34,35">EGRESADO</option>
<option value="45" data_arreglo="32">NO EGRESADO</option>
En el campo data_arreglo guardo los id de las preguntas que dependen de la respuesta que elijo y que quiero ocultar. Acá esta una de las preguntas que quiero ocultar.
<input type="hidden" name="pregunta[2].pre_id" id="pregunta[2].pre_id" value="33" data_padre="31">
quiero utilizar una función que obtenga el evento y oculte las preguntas. Gracias de antemano.
Actualmente solo he logrado esto, pero no sirve a mi propósito
var preguntas = document.querySelectorAll('[data-trigger]');
preguntas = [].slice.apply(preguntas);
preguntas.forEach(function(item, i){
var _trigger = item.attributes['data-trigger'].nodeValue;
if(_trigger === "true"){
document.getElementById(item.attributes['id'].nodeValue).addEventListener("change", Disparar);
}
});
function Disparar(e){
console.log(e.target.type);
var id = e.target.attributes['id'].nodeValue;
switch(e.target.type){
case 'select-one' : ss_selectOne(id); break;
default: break;
}
}
function ss_selectOne(id){
var hijos = document.querySelectorAll('[data-padre]');
hijos = [].slice.apply(hijos);
hijos = hijos.filter(function(item){
return item.attributes['data-padre'].nodeValue === id;
});
hijos.forEach(function(item, i){
document.getElementById(item.attributes['id'].nodeValue).removeAttribute("disabled");
});
var element = document.getElementById(id);
var arreglo = element.options[element.selectedIndex].attributes['data-arreglo'].nodeValue.split(',');
arreglo.forEach(function(item, i){
if(item !== ""){
document.getElementById(item).setAttribute("disabled","disabled");
}
});
}
<select id="31" data-trigger="true">
<option value="" data-arreglo="">Seleccione</option>
<option value="1" data-arreglo="33">Egresado</option>
<option value="2" data-arreglo="32">No Egresado</option>
</select>
<select id="33" data-trigger="false" data-padre="31">
<option value="" data-arreglo="">Fecha de Egreso</option>
<option value="1">Fecha de Egreso</option>
</select>
<select id="32" data-trigger="false" data-padre="31">
<option value="" data-arreglo="">Seleccione</option>
<option value="1">Motivo por el cual no ingreso</option>
</select>
<br>