In my JIRA gadget i have two dropdowns. I need to populate dropdownB based on the selection in dropdownA. Currently i have used dropdownA.onchange event and that event is not triggered.
where should I place the code so that the even is captured? config/view/script?
Currently I have placed this code in the script section, which is it working when I realod the page.
<script>
chipNames.onchange = function(){
setTimeout(function(){}, 1);
var selectedChip = chipNames.options[chipNames.selectedIndex].text;
if (selectedChip !== "" && selectedChip !== '-1') {
boards.options.length = 0;
AJS.$.ajax({
url: "/rest/testresults-gadget/1.0/test-results-data/getOptions",
data:{chips:selectedChip},
dataType:"json",
success:function(data){
var lists = data.boardNamesForTests;
var boardOptions = document.createElement('options');
boardOptions.text = " ";
boardOptions.value = " ";
boards.add(new Option(boardOptions.value,0));
for(var i = 0; i < lists.length; i++){
boardOptions.text = lists[i].label;
boardOptions.value = lists[i].value;
boards.add(new Option(boardOptions.value,0));
}
}
});
}
}
</script>
Please help