[Resolved] Conditional Message When Changing User Role

[Author]

Posts

[KentS9937]

I am trying to display a message to users when they are changing the role of a user using a dropdown I've created. I'm comparing the value of the selection to the post author's role. Nothing happens when I use the code shown below.

<div class="col-sm-2 wtn-label">Position</div>
	<div class="col-sm-4 wtn-field"><div class="form-group">[cred_field field='hr-position' post='hr-profiles' display='select' single_select='true' class='dropdown' output='bootstrap']
	</div>[wpv-conditional if="( [get_author_role] ne $(wpcf-hr-position) )"]
      CAUTION! Did you mean to change the user role?[/wpv-conditional]</div>
</div>

Here's the function which gets the author's role. I believe it is working properly.

function get_author_role()
{
    global $authordata;
  
    $author_roles = $authordata->roles;
    $author_role = array_shift($author_roles);
  
    return $author_role;
}
  
add_shortcode( 'user_role_func', 'get_author_role' );

I am expecting the message "CAUTION! Did you mean to change the author's role?" to display when the selection is changed from the original value.

[Minesh]

Hello. Thank you for contacting the Toolset support.

Well - conditional shortcode will not work real time selection. You need to chose different approach using jQuery - javascript.

Add hidden field to CRED form and assign custom shortcode you created as value. For example:

<input type="hidden" value="[get_author_role]" name="current_author_role" id="current_author_role" />

Use following code - where we wrap the message with div which has assigned ID "display_message":

<div class="col-sm-2 wtn-label">Position</div>
    <div class="col-sm-4 wtn-field"><div class="form-group">[cred_field field='hr-position' post='hr-profiles' display='select' single_select='true' class='dropdown' output='bootstrap']
    </div>
<div id="display_message" style="display:none;'>
      CAUTION! Did you mean to change the user role?
</div>
</div>
</div>

And Try to add following JS code:

jQuery(document).ready(function($){

$('select[name^='wpcf-hr-position').on('change', function() {
 author_role = $("#current_author_role").val();
If(author_role != this.value) {
   $('#display_message').show();
 }else{
$('#display_message').hide();
}

});

});

I tried my best to give solution as per your current setup. Please feel free to adjust the code as needed and if required.

[KentS9937]

Thanks for your help