nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Javascript create a custom value from two other values

art vandelay

Hi All,

I am using the 3rd party multi cascading list and I would like to be able to take part of each selected value to create a custom text value.

For example, the selected values would be,

A. cascade select 1 | 1. cascade select 2 | a. cascade select 3

I would like to take the vales of each box, trucate, then add it to a custom field as

"A.1.a"

Any Thoughts?

thnaks

Art

Accepted answers

All comments

RambanamP

can you share me the source(id's, you can check this by using firebug in firefox ) of the multi cascading field? so can able to give solution

art vandelay

Thanks for the quick feedback Rambanam,

It looks like the following

&lt;div class="mlcs-customfield"&gt;
&lt;div class="hidden mlcs-child-options"&gt;selectedValues=Object { customfield_10100:0="-1", customfield_10100:1="-1", customfield_10100:2="-1", more...}
&lt;select id="customfield_10100:0" class="select" name="customfield_10100:0"&gt;
&lt;option class="default-option" value="-1"&gt;Please select...&lt;/option&gt;
&lt;option class="mlcs-customfield-option" value="10100" data-parent-option-id=""&gt; 1. Selection 1 &lt;/option&gt;
&lt;/select&gt;
&lt;select id="customfield_10100:1" class="select" name="customfield_10100:1"&gt;
&lt;option class="default-option" value="-1"&gt;Please select...&lt;/option&gt;
&lt;option class="mlcs-customfield-option" value="10101" data-parent-option-id="10100"&gt; 1. Selection 2 a &lt;/option&gt;
&lt;option class="mlcs-customfield-option" value="10102" data-parent-option-id="10100"&gt; 2. Selection 2 a &lt;/option&gt;
&lt;/select&gt;
&lt;select id="customfield_10100:2" class="select" name="customfield_10100:2"&gt;
&lt;option class="default-option" value="-1" selected="selected"&gt;Please select...&lt;/option&gt;
&lt;option class="mlcs-customfield-option" value="10106" data-parent-option-id="10102"&gt; 1. Selection 3 a&lt;/option&gt;
&lt;option class="mlcs-customfield-option" value="10107" data-parent-option-id="10102"&gt; 2. Selection 3 b &lt;/option&gt;
&lt;/select&gt;
&lt;select id="customfield_10100:3" class="select" name="customfield_10100:3"&gt;
&lt;option class="default-option" value="-1" selected="selected"&gt;Please select...&lt;/option&gt;
&lt;option class="mlcs-customfield-option" value="10108" data-parent-option-id="10106"&gt; 1. Selection 4 a &lt;/option&gt;
&lt;option class="mlcs-customfield-option" value="10115" data-parent-option-id="10106"&gt; 2. Selection 4 b &lt;/option&gt;
&lt;/select&gt;
&lt;select id="customfield_10100:4" class="select" name="customfield_10100:4"&gt;
&lt;option class="default-option" value="-1"&gt;Please select...&lt;/option&gt;
&lt;option class="mlcs-customfield-option" value="10109" data-parent-option-id="10108"&gt; 1. Selection 5 a &lt;/option&gt;
&lt;option class="mlcs-customfield-option" value="10110" data-parent-option-id="10108"&gt; 2. Selection 5 b &lt;/option&gt;
&lt;option class="mlcs-customfield-option" value="10111" data-parent-option-id="10108"&gt; 3. Selection 5 c &lt;/option&gt;
&lt;/select&gt;
&lt;select id="customfield_10100:5" class="select" name="customfield_10100:5"&gt;
&lt;option class="default-option" value="-1" selected="selected"&gt;Please select...&lt;/option&gt;
&lt;option class="mlcs-customfield-option" value="10112" data-parent-option-id="10111"&gt; 1. Selection 6 a &lt;/option&gt;
&lt;option class="mlcs-customfield-option" value="10113" data-parent-option-id="10111"&gt; 2. Selection 6 b &lt;/option&gt;
&lt;option class="mlcs-customfield-option" value="10114" data-parent-option-id="10111"&gt; 3. Selection 6 c &lt;/option&gt;
&lt;/select&gt;
&lt;/div&gt;

&lt;div class="field-group"&gt;
&lt;label for="customfield_10108"&gt;FS_Notes&lt;/label&gt;
&lt;textarea id="customfield_10108" class="textarea long-field" rows="5" name="customfield_10108" cols="40"&gt;&lt;/textarea&gt;
&lt;div class="description"&gt;Functional Spec Notes&lt;/div&gt;
&lt;/div&gt;

So I am trying to get customfield_10108 to be

1.2.1.1.3.1

based on the following cascadding choice

&lt;option class="mlcs-customfield-option" value="10100" data-parent-option-id=""&gt; 1. Selection 1 &lt;/option&gt;

&lt;option class="mlcs-customfield-option" value="10102" data-parent-option-id="10100"&gt; 2. Selection 2 a &lt;/option&gt;

&lt;option class="mlcs-customfield-option" value="10106" data-parent-option-id="10102"&gt; 1. Selection 3 a&lt;/option&gt;

&lt;option class="mlcs-customfield-option" value="10108" data-parent-option-id="10106"&gt; 1. Selection 4 a &lt;/option&gt;

&lt;option class="mlcs-customfield-option" value="10111" data-parent-option-id="10108"&gt; 3. Selection 5 c &lt;/option&gt;

&lt;option class="mlcs-customfield-option" value="10112" data-parent-option-id="10111"&gt; 1. Selection 6 a &lt;/option&gt;

Thanks again for your offer to help,

Art

RambanamP

sample code i am giving here

&lt;script type="text/javascript"&gt;
jQuery(document).ready(function($) {	
JIRA.bind(JIRA.Events.NEW_CONTENT_ADDED, function (e, context) {	
	getCascadingValue();
});
getCascadingValue();
function getCascadingValue(){		
		var multiselectValue=AJS.$('input[name=customfield_10100:0]:checked + label').text()+" "+AJS.$('input[name=customfield_10100:1]:checked + label').text()+" "+AJS.$('input[name=customfield_10100:2]:checked + label').text()+" "+AJS.$('input[name=customfield_10100:3]:checked + label').text()+" "+AJS.$('input[name=customfield_10100:4]:checked + label').text()+" "+AJS.$('input[name=customfield_10100:5]:checked + label').text();		
		$('#customfield_10100:0').change(function() {
				multiselectValue=AJS.$('input[name=customfield_10100:0]:checked + label').text();
		});
		$('#customfield_10100:1').change(function() {
				multiselectValue=AJS.$('input[name=customfield_10100:0]:checked + label').text()+" "+AJS.$('input[name=customfield_10100:1]:checked + label').text();
		});
		$('#customfield_10100:2').change(function() {
				multiselectValue=AJS.$('input[name=customfield_10100:0]:checked + label').text()+" "+AJS.$('input[name=customfield_10100:1]:checked + label').text()+" "+AJS.$('input[name=customfield_10100:2]:checked + label').text();
		});
		$('#customfield_10100:3').change(function() {
				multiselectValue=AJS.$('input[name=customfield_10100:0]:checked + label').text()+" "+AJS.$('input[name=customfield_10100:1]:checked + label').text()+" "+AJS.$('input[name=customfield_10100:2]:checked + label').text()+" "+AJS.$('input[name=customfield_10100:3]:checked + label').text();
		});
		$('#customfield_10100:4').change(function() {
				multiselectValue=AJS.$('input[name=customfield_10100:0]:checked + label').text()+" "+AJS.$('input[name=customfield_10100:1]:checked + label').text()+" "+AJS.$('input[name=customfield_10100:2]:checked + label').text()+" "+AJS.$('input[name=customfield_10100:3]:checked + label').text()+" "+AJS.$('input[name=customfield_10100:4]:checked + label').text();
		});
		$('#customfield_10100:5').change(function() {
				multiselectValue=AJS.$('input[name=customfield_10100:0]:checked + label').text()+" "+AJS.$('input[name=customfield_10100:1]:checked + label').text()+" "+AJS.$('input[name=customfield_10100:2]:checked + label').text()+" "+AJS.$('input[name=customfield_10100:3]:checked + label').text()+" "+AJS.$('input[name=customfield_10100:4]:checked + label').text()+" "+AJS.$('input[name=customfield_10100:5]:checked + label').text();
		});	
		
		alert("MultiSelectValue"+multiselectValue);
}
	
});
&lt;/script&gt;

art vandelay

Thanks for the sample code, I will try over the weekend and revert back as soon as possible,

thanks again for the quick help.

Art

RambanamP

i suggest load javascript as webresource module in plugin if you want to run this on create screen

https://developer.atlassian.com/display/JIRADEV/Web+Resource+Plugin+Module

art vandelay

Thankyou for the link Rambanam, however I have struggled for two days to understand howthis works. Is there a step by step guide to getting the webresource plugin set up and then use the JS?

thanks

Art

RambanamP

check this post, Bharadwaj Jannu given step by step to load javascript in webresource

https://answers.atlassian.com/questions/217176/show-hide-custom-field-depend-on-another-custom-field-value?page=1#217330