0
180
VistasElemento JS <select> con visibilidad/funcionalidad condicional
Actualmente estoy trabajando en un formulario, donde los usuarios pueden cambiar algunas configuraciones. Incluyo una configuración para cambiar el rol de un usuario (usuario, administrador, superadministrador), que se supone que solo está habilitado para usuarios con el rol de "superadministrador".
Imagen de como luce ahora
Después de que un superadministrador cambie un rol, quiero que el valor se guarde cuando haga clic en el botón Guardar que tengo en la parte inferior de mi formulario.
Hasta ahora, he intentado cambiar las propiedades del elemento <select> a Habilitado para 'superAdmins', donde hice el valor predeterminado 'disabled' y viceversa.
¿Alguna idea sobre cómo podría arreglar la función? ¡gracias!
var userRole = "superAdmin"; // user.getDataByKey('role'); //change user role function editUserRole() { var changeUserSelect = document.getElementById("sub-user-role"); if (userRole === 'superadmin') { changeUserSelect.disabled = false; //$("#sub-user-role").prop('disabled', false); } else { //$("#sub-user-role").prop('disabled', true); changeUserSelect.disabled = true; } } <label for="sub-user-role" class="translate_text" data-translation="USER_ROLE"></label> <select id="sub-user-role" name="userRoleInfo" class="userRoleInfo" type="text"> <option value="user" class="optionUser" data-translation="USER_ROLE_USER">user</option> <option value="admin" class="optionAdmin" data-translation="USER_ROLE_ADMIN">admin</option> </select>
·
Juan Pablo Isaza
Responde la pregunta