Tengo 2 funciones de selección diferentes que usaré y obtendré la identificación de las dos selecciones diferentes y la pasaré a la función principal 1. Pero tengo problemas para obtener la identificación de la función de selección.
¿Cuál es la forma correcta de pasar la identificación de cat_id y role_id a getMyMode(a,b)
$(document).ready(function() { $("#cat").change(function() { let cat_id = $(this).val(); getMyMode(cat_id); }); $("#role").change(function() { let role_id = $(this).val(); getMyMode(role_id); }); }); const getMyMode = (a, b) => { console.log(a, b); } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="col-lg-4"> <label class="form-label"> Category</label> <select class="form-control mb-3" id="cat"> <option value="99" hidden> Choose Category</option> <option value="0">Cat 1</option> <option value="1">Cat 2</option> </select> </div> <div class="col-lg-4"> <label class="form-label"> Role</label> <select class="form-control mb-3" id="role"> <option value="99" hidden>Choose Role</option> <option value="23">Role 1</option> <option value="24">Role 2</option> </select> </div>Como esto
const getMyMode = (a, b) => { console.log(a, b); }; $(function() { // when page has loaded $("#cat, #role").on("change", function() { // when either has changed let role_id = $("#role").val(); let cat_id = $("#cat").val(); getMyMode(cat_id,role_id); }); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="col-lg-4"> <label class="form-label"> Category</label> <select class="form-control mb-3" id="cat"> <option value="99" hidden> Choose Category</option> <option value="0">Cat 1</option> <option value="1">Cat 2</option> </select> </div> <div class="col-lg-4"> <label class="form-label"> Role</label> <select class="form-control mb-3" id="role"> <option value="99" hidden>Choose Role</option> <option value="23">Role 1</option> <option value="24">Role 2</option> </select> </div>