En el siguiente código, si se seleccionan las opciones tanto de color_select como de size_select, solo se registra la última opción seleccionada (por ejemplo, se registra rojo o pequeño si se seleccionan ambos dependiendo de lo que se seleccione más tarde). ¿Cómo registrar las opciones de selección (color_select y size_select) en el cambio en una función cuando se cambia la opción de cualquiera de las selecciones (es decir, registrar tanto el rojo como el pequeño si ambos están seleccionados)?

 <h6>Choose Color</h6> <select id="color_select" name="color" class="form-control" required=""> <option value="" disabled="" selected="">Select</option> <option value="red">Red</option> <option value="blue">Blue</option> <option value="white">White</option> </select> <h6>Choose Size</h6> <select id="size_select" name="size" class="form-control" required=""> <option value="" disabled="" selected="">Select</option> <option value="small">Small</option> <option value="large">Large</option> <option value="medium">Medium</option> </select> $('#color_select','#size_select').on('change' , function() { // Code here var $this = $(this); if($this.find('option:selected').index() !== 0){ text = $this.find('option:selected').text(); console.log(text); } }).change()