Quiero mostrar una etiqueta cuando se hace clic en el elemento seleccionado (cambiar la opacidad y la ubicación en unos pocos px)

Así es como lo hago con una entrada de formulario normal. ESTO FUNCIONA.

 $(".lead_field-label.is-focus").removeClass("is-focus"); $(".lead_text-field").on("focusin", function () { $(this).siblings(".lead_field-label").addClass("is-focus"); }); $(".lead_text-field").on("focusout", function () { if ($(this).val() === "") { $(this).siblings(".lead_field-label").removeClass("is-focus"); } if ($(this).val() !== "") { $(this).siblings(".lead_field-label").addClass("is-focus"); } });

Esto es para una entrada de selección, y esto no funciona:

 $(".lead_field-label-select.is-focus-select").removeClass("is-focus-select"); $("select").focus(function() { $(this).siblings(".lead_field-label-select").addClass("is-focus-select"); }); $("select").on("focusout", function () { if ($(this).val() === "") { $(this).siblings(".lead_field-label-select").removeClass("is-focus-select"); } if ($(this).val() !== "") { $(this).siblings(".lead_field-label-select").addClass("is-focus-select"); } });

Traté de apuntar a una clase (.select), una identificación y muchas otras cosas también. Nada parece funcionar. ¿Alguna solución?