Tengo 4 campos de elección en un solo formulario. Mi código jQuery solo captura un campo. ¿Cómo puedo capturar los otros campos y extraer sus valores?
Además, he aplicado el complemento Select2 en todos estos campos. ¿Puede alguien por favor guiarme? Gracias por adelantado.
$('select').change(function() { var optionSelected = $(this).find("option:selected"); var valueSelected = optionSelected.val(); var textSelected = optionSelected.text(); var csr = $("input[name=csrfmiddlewaretoken]").val(); console.log(textSelected); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script> <label for="id_package_form-patient">Patient:</label> <select name="package_form-patient" required id="id_package_form-patient"> <option value="" selected>---------</option> <option value="8">jfkdfkldlfd</option> </select> <label for="id_package_form-diagnosis">Diagnosis:</label> <select name="package_form-diagnosis" required id="id_package_form-diagnosis"> <option value="" selected>---------</option> <option value="1">fefafd</option> <option value="2">effeafaefe</option> </select> <label for="id_package_form-treatment">Treatment:</label> <select name="package_form-treatment" required id="id_package_form-treatment"> <option value="" selected>---------</option> <option value="1">fdfef</option> </select> <label for="id_package_form-patient_type">Patient type:</label> <select name="package_form-patient_type" required id="id_package_form-patient_type"> <option value="" selected>---------</option> <option value="1">kflkdjkf</option> <option value="2">fldfjdfj</option> </select>Para obtener el texto seleccionado de todos los elementos select , puede usar map() para crear una matriz de ellos, como esta:
let getSelectedText = () => { let textArr = $selects.map((i, el) => $(el).find('option:selected').text()).get(); console.log(textArr); } let $selects = $('select').on('change', getSelectedText); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script> <label for="id_package_form-patient">Patient:</label> <select name="package_form-patient" required id="id_package_form-patient"> <option value="" selected>---------</option> <option value="8">jfkdfkldlfd</option> </select> <label for="id_package_form-diagnosis">Diagnosis:</label> <select name="package_form-diagnosis" required id="id_package_form-diagnosis"> <option value="" selected>---------</option> <option value="1">fefafd</option> <option value="2">effeafaefe</option> </select> <label for="id_package_form-treatment">Treatment:</label> <select name="package_form-treatment" required id="id_package_form-treatment"> <option value="" selected>---------</option> <option value="1">fdfef</option> </select> <label for="id_package_form-patient_type">Patient type:</label> <select name="package_form-patient_type" required id="id_package_form-patient_type"> <option value="" selected>---------</option> <option value="1">kflkdjkf</option> <option value="2">fldfjdfj</option> </select>