UI Page hide or show field based on option select

[Roshani]

Hi All ,

I have a ui page as below . I have a requirement when I select  "User" from the dropdown  User field should be visible  and if I select " Group"  then group field should be visible . 

Below is my code , can somebody help on this 

<?xml version="1.0" encoding="utf-8" ?>
<j:jelly trim="false" xmlns:j="jelly:core" xmlns:g="glide"
xmlns:j2="null" xmlns:g2="null">

<g:ui_form>
<table style="width:600px">
<input type="hidden" id="document_id" name="document_id" value="${sysparm_document_id}" />
<input type="hidden" id="table_id" name="table_id" value="${sysparm_table}" />
<input type="hidden" id="table_name" name="table_name" value="dms_document" />
<input type="hidden" id="generated_by" name="generated_by" value="user" />
<input type="hidden" id="user" name="user" />
<input type="hidden" id="generated_byy" name="generated_byy" value="group" />
<input type="hidden" id="group" name="group" />
<tr>
<td>
<label for="name">Please select the drop down</label>
</td>
<td>
<select id="quick_message_dropdown">
<option value="user">User</option>
<option value="group">Group</option>
</select><br/>
</td>
</tr>
<tr>
<td>
<label for="name">${gs.getMessage('User')}</label>
</td>
<td nowrap="true" align="left">
<j:set var="jvar_user_query" value="QUERY:active=true" />
<input type="hidden" id="user_query" name="user_query" value="${jvar_user_query}" />
<g:ui_reference name="${jvar_user_query}" table="sys_user" /><br/>
</td>
</tr>

<tr>
<td>
<label for="name">${gs.getMessage('Group')}</label>
</td>
<td nowrap="true" align="left">
<!--<g:ui_reference name="my_var" query="active=true" id="u_name" table="sys_user_group" style="width:180px"/> -->
<j:set var="jvar_group_query" value=" "/>
<input type="hidden" id="group_query" name="group_query" value="${jvar_group_query}" />
<g:ui_reference name="${jvar_group_query}" query="active=true" table="sys_user_group" /><br/>
</td>
</tr>

<tr>
<td>
<label for="revision">${gs.getMessage('Comments')}</label>
</td>
<td>
<input id="sequence" name="sequence" />
</td>
</tr>

<tr>
<td colspan="2" height="20px"></td>
</tr>
<tr>
<td colspan="2">
<g:dialog_button onclick=" return validateApprover();"
name="" id="">${gs.getMessage('Add')}</g:dialog_button>
</td>
</tr>
</table>
</g:ui_form>

</j:jelly>

[Roshani]

Hi Ankur, 

I have further requirement like if i select user it should create approval in approver related list and if group is selected it should add approval in group approval related list  i added below code could you please help me on this too :

This seems to be not working 

response.sendRedirect( "/" + table_id + ".do?sys_id=" + document_id);
test();
function test()
{

if(quick_message_dropdown == 'user')
{
var gr = new GlideRecord('sysapproval_approver');
gr.initialize();
gr.source_table = table_id;
gr.document_id = document_id;
gr.state= 'requested';
gr.sysapproval = document_id;
gr.approver = user; //user
gr.insert();
gs.addInfoMessage("User added in approver list " );
}
else if(quick_message_dropdown == 'group')
{
var group1 = new GlideRecord('sysapproval_group');
group1.initialize();
group1.assignment_group = group;
group1.approval = 'requested';
group1.parent = document_id;
group1.insert();
gs.addInfoMessage("Group added in approver list " );
action.setRedirectURL(current);
}
} 

[Roshani]

Hi Ankur, 

I have further requirement like if i select user it should create approval in approver related list and if group is selected it should add approval in group approval related list  i added below code could you please help me on this too :

This seems to be not working 

response.sendRedirect( "/" + table_id + ".do?sys_id=" + document_id);
test();
function test()
{

if(quick_message_dropdown == 'user')
{
var gr = new GlideRecord('sysapproval_approver');
gr.initialize();
gr.source_table = table_id;
gr.document_id = document_id;
gr.state= 'requested';
gr.sysapproval = document_id;
gr.approver = user; //user
gr.insert();
gs.addInfoMessage("User added in approver list " );
}
else if(quick_message_dropdown == 'group')
{
var group1 = new GlideRecord('sysapproval_group');
group1.initialize();
group1.assignment_group = group;
group1.approval = 'requested';
group1.parent = document_id;
group1.insert();
gs.addInfoMessage("Group added in approver list " );
action.setRedirectURL(current);
}

[Roshani]

Hi Ankur , 

How can i write in processing script to add if user is selected add to user approval table and if group is selected add it to group approval table . I added below code its seems its not working 

response.sendRedirect( "/" + table_id + ".do?sys_id=" + document_id);
test();
function test()
{

if(quick_message_dropdown == 'user'){
var gr = new GlideRecord('sysapproval_approver');
gr.initialize();
gr.source_table = table_id;
gr.document_id = document_id;
gr.state= 'requested';
gr.sysapproval = document_id;
gr.approver = user_query; //you had user, rather it should be id value
gr.insert();
gs.addInfoMessage("User added in approver list " );
}

if(quick_message_dropdown == 'group'){
var group1 = new GlideRecord('sysapproval_group');
group1.initialize();
group1.assignment_group = group_query; //you had group, rather it should id value
group1.approval = 'requested';
group1.parent = document_id;
group1.insert();
gs.addInfoMessage("Group added in approver list " );
action.setRedirectURL(current);
}

}

[Ankur Bawiskar]

Hi,

you will have to create hidden html input type element and update the value of input based on user or group selected

you need to do this via client script when the user or group is shown/hidden

you can then access this hidden element in processing script and determine if it was user or group selected

Regards
Ankur

[Roshani]

Hi Ankur ,

I tried to add scripts but its not working for me , if you can please help me to code , I am unable to understand