Hello good morning friends I try to implant this code to this but the val.idpre I do not know how it would go there would help me to see how to implant it porfa
link < - this is the one I want to fix someone could you help me:)
function filter_options(){
if (typeof $("#choice1").data('options') === "undefined") {
$("#choice1").data('options', $('#choice2 option').clone());
}
var id = $("#choice1").val();
var options = $("#choice1").data('options').filter('[data-option=' + id + ']');
$('#choice2').html(options);
}
$(function () {
//Ejecutar el filtro la primera vez
filter_options();
//actualizar al cambiar el factor
$("#choice1").change(function () {
filter_options();
});
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select class="form-control" id="choice1">
<option value="S">ESTRUCTURAL</option>
<option value="O">ORGANIZATIVA</option>
<option value="AF" >OTROS FACTORES</option>
</select>
<select class="form-control" id="choice2">
<option data-option="S" value="S1">S1</option>
<option data-option="S" value="S2">S2</option>
<option data-option="S" value="S3">S3</option>
<option data-option="S" value="S4">S4</option>
<option data-option="S" value="S5">S5</option>
<option data-option="S" value="S6">S6</option>
<option data-option="O" value="01">01</option>
<option data-option="O" value="02">O2</option>
<option data-option="O" value="03">O3</option>
<option data-option="O" value="04">O4</option>
<option data-option="O" value="05">O5</option>
<option data-option="O" value="06">O6</option>
<option data-option="O" value="07">O7</option>
<option data-option="O" value="08">O8</option>
<option data-option="O" value="09">O9</option>
<option data-option="O" value="10">10</option>
<option data-option="O" value="11">11</option>
<option data-option="AF" value="AF1">AF1</option>
<option data-option="AF" value="AF2">AF2</option>
<option data-option="AF" value="AF3">AF3</option>
<option data-option="AF" value="AF4">AF4</option>
</select>