Join the #BuildWithBuildAgent Challenge! Get recognized, earn exclusive swag, and inspire the ServiceNow Community with what you can build using Build Agent.  Join the Challenge.

How set the label on the variable for RITM & Catalog task view

MD AQUIB KHAN
Giga Guru

Hi All,

I am working on one catalog item. The requiremnt is to set the label based on the change of the variable .

The code is working fine for catalog view but the code is not working for RITM and Catalog task view .

Please find the working for the catalog item view .

function onChange(control, oldValue, newValue, isLoading) {
// 	 if (isLoading || newValue == '') {
//       return;
//    }
   if (isLoading) {
     if(newValue == 'outbound'){
		var field3 = 'internal_source_host';
		var labelElement3 = $('label_' + g_form.getControl(field3).id).select('label')[0].select('span')[1];
		labelElement3.innerHTML = 'Internal Source Host  (Outbound Firewall Request)'; // Requested By is the label name.
		//$('label_' + g_form.getControl(field)).attr("mandatory", "true");
		//$("#internal_source_host").attr("mandatory", "true");
// 		g_form.setMandatory(field,true);
      //  $('question_help_IO_cf2728036f30dbc05de9f00dba3ee4ef_toggle_value').update('Internal Source Host which will initiate traffic');
		
		var field4 = 'internal_destination_host';
		var labelElement4 = $('label_' + g_form.getControl(field4).id).select('label')[0].select('span')[1];
		labelElement4.innerHTML = 'Internal Destination Host (Outbound Firewall Request)'; // Requested By is the label name.
		//$('question_help_IO_13726afb6f345fc05de9f00dba3ee41e_toggle_value').update('Internal Destination Host which will receive traffic');
		
		var field4a = 'internal_subnet_host';
		var labelElement4a = $('label_' + g_form.getControl(field4a).id).select('label')[0].select('span')[1];
		labelElement4a.innerHTML = 'Internal Destination Subnet'; // Requested By is the label name.
		//$('question_help_IO_2c8f91a1db6f57409189fcfa0c961912_toggle_value').update('Internal Destination Subnet which will receive traffic');
		
		var field6 = 'external_destination_host';
		var labelElement6 = $('label_' + g_form.getControl(field6).id).select('label')[0].select('span')[1];
		labelElement6.innerHTML = 'External Destination Host'; // Requested By is the label name.
		//$('question_help_IO_fc43eafb6f345fc05de9f00dba3ee48f_toggle_value').update('External Destination Host outside CIT Network which will receive traffic');
		
		var field8 = document.getElementById("IO:a8c68c37dbf957002b407d8bbf961960").childNodes;
		field8[0].childNodes[0].innerHTML = 'Destination Host is external';
		
	} 
   }

   //Type appropriate comment here, and begin script below
	if(newValue == 'inbound'){
		var field1 = 'internal_source_host';
		var labelElement1 = $('label_' + g_form.getControl(field1).id).select('label')[0].select('span')[1];
// 		alert(g_form.getControl(field1).id);
// 		alert(labelElement1);
 		labelElement1.innerHTML = 'Internal Destination Host(Inbound Firewall Request)'; // Requested By is the label name.
		//$('label_' + g_form.getControl(field)).attr("mandatory", "true");
		//$("#internal_source_host").attr("mandatory", "true");
// 		g_form.setMandatory(field,true);
        //$('question_help_IO_cf2728036f30dbc05de9f00dba3ee4ef_toggle_value').update('Internal Destination Host which will receive traffic');
		
		var field2 = 'internal_destination_host';
		var labelElement2 = $('label_' + g_form.getControl(field2).id).select('label')[0].select('span')[1];
		labelElement2.innerHTML = 'Internal Source Host(Inbound Firewall Request)'; // Requested By is the label name.
		//$('question_help_IO_13726afb6f345fc05de9f00dba3ee41e_toggle_value').update('Internal Source Host which will initiate traffic');
		
		var field2a = 'internal_subnet_host';
		var labelElement2a = $('label_' + g_form.getControl(field2a).id).select('label')[0].select('span')[1];
		labelElement2a.innerHTML = 'Internal Source Subnet'; // Requested By is the label name.
		//$('question_help_IO_2c8f91a1db6f57409189fcfa0c961912_toggle_value').update('Internal Source Subnet which will initiate traffic');
		
		var field5 = 'external_destination_host';
		var labelElement5 = $('label_' + g_form.getControl(field5).id).select('label')[0].select('span')[1];
		labelElement5.innerHTML = 'External Source Host'; // Requested By is the label name.
		//$('question_help_IO_fc43eafb6f345fc05de9f00dba3ee48f_toggle_value').update('External Source Host outside CIT Network which will initiate traffic');
		
		var field7 = document.getElementById("IO:a8c68c37dbf957002b407d8bbf961960").childNodes;
		field7[0].childNodes[0].innerHTML = 'Source Host is external';
		

	}    
	if(newValue == 'outbound'){
		var field3 = 'internal_source_host';
		var labelElement3 = $('label_' + g_form.getControl(field3).id).select('label')[0].select('span')[1];
		labelElement3.innerHTML = 'Internal Source Host  (Outbound Firewall Request)'; // Requested By is the label name.
		//$('label_' + g_form.getControl(field)).attr("mandatory", "true");
		//$("#internal_source_host").attr("mandatory", "true");
// 		g_form.setMandatory(field,true);
       // $('question_help_IO_cf2728036f30dbc05de9f00dba3ee4ef_toggle_value').update('Internal Source Host which will initiate traffic');
		
		var field4 = 'internal_destination_host';
		var labelElement4 = $('label_' + g_form.getControl(field4).id).select('label')[0].select('span')[1];
		labelElement4.innerHTML = 'Internal Destination Host (Outbound Firewall Request)'; // Requested By is the label name.
		//$('question_help_IO_13726afb6f345fc05de9f00dba3ee41e_toggle_value').update('Internal Destination Host which will receive traffic');
		
		var field4a = 'internal_subnet_host';
		var labelElement4a = $('label_' + g_form.getControl(field4a).id).select('label')[0].select('span')[1];
		labelElement4a.innerHTML = 'Internal Destination Subnet'; // Requested By is the label name.
		//$('question_help_IO_2c8f91a1db6f57409189fcfa0c961912_toggle_value').update('Internal Destination Subnet which will receive traffic');
		
		var field6 = 'external_destination_host';
		var labelElement6 = $('label_' + g_form.getControl(field6).id).select('label')[0].select('span')[1];
		labelElement6.innerHTML = 'External Destination Host'; // Requested By is the label name.
		//$('question_help_IO_fc43eafb6f345fc05de9f00dba3ee48f_toggle_value').update('External Destination Host outside CIT Network which will receive traffic');
		
		var field8 = document.getElementById("IO:a8c68c37dbf957002b407d8bbf961960").childNodes;
		field8[0].childNodes[0].innerHTML = 'Destination Host is external';
		
	} 
   
}

The above code is working for Catalog View . As per the screenshot . Working fine when ordering the item.

MDAQUIBKHAN_0-1669913541436.png

Once the order is submiited . it is not coming as excepted .

MDAQUIBKHAN_2-1669913684247.png

Now the isssue : As per the above code . I am running oNchange Client scripts which is running on selecting the Applies to Catalog Item View .

MDAQUIBKHAN_3-1669913861325.png

SO as per the screenshot , I tried trouble shooting based on selcting All the three Applies to Catalog Item View ,and the other two. Please find the screenhot below :

MDAQUIBKHAN_4-1669914040457.png

But on selecting the above three options  I got error as onChange script error: TypeError: Cannot read properties of undefined (reading 'id') function . Please find the scrrenhot :

MDAQUIBKHAN_5-1669914191054.png

Please help me with the correct syntax for the running it on  RITM View & Catalog task view . I Tried many thing but not working.

@Ankur Bawiskar and other experts. 

 

0 REPLIES 0