How do I add labels to a Jira through javascript?

[Devi Foskett]

I am trying to make a google extension that will add labels when you click one button. It is also supposed to add a subtask as well. I am stuck at the point where I do not know how to get the labels to be applied to the page.

JSON:

{ 
 "name":"Jira Extension",
 "version":"1.0",
 "description":"Allow for quick access to changing SD and TA",
 "permissions":[ 
 "activeTab"
 ],
 "browser_action": {
 "default_icon": "icon.png",
 "default_popup": "popup.html"
 },
 "background":{
 "persistents": false,
 "scripts": ["background.js"]
 },
 "options_page":"options.html",
 "manifest_version":2
}

 HTML:

<input id="scYes" class="submit" type="submit" name="scyes" value="SC Yes">
<input id="scNo" class="submit" type="submit" name="scno" value="SC Yes">

Javascript:

window.onload = function(){
 document.getElementById('scYes').onclick = function(){
 var label = '{ "labels" :["Sd_reviewed", "Ta-reviewed", "Reviewed", "Functional"] }';
 var myObj = JSON.parse(label);
 document.getElementById("demo").innerHTML = myObj.labels;
 };
 document.getElementById('scNo').onclick = function(){
 var test = '{ "labels" :["Reviewed", "Technical"] }';
 var myObj = JSON.parse(test);
 document.getElementById("demo").innerHTML = myObj.labels;
 };
}

The scYes is simply a button to confirm that the user would like to add the labels. I am not very experience with Json or Javascript 

[Gabriel O]

Here's how I did it

// ==UserScript==
// @name Jira autolabel
// @namespace jira
// @version 0.1
// @description Add label when creating JIRA issue automatically
// @author Gabriel Ostrolucký
// @match https://jira.check24.de/*
// @icon https://jira.check24.de/favicon.ico
// @require http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js
// @require https://gist.github.com/raw/2625891/waitForKeyElements.js

// @run-at document-end
// ==/UserScript==

const autoLabel = 'sep-cdn-and-environments';

waitForKeyElements('#labels', (el) => {
if ($('#project').val() !== '24000') {
return;
}

el.append(jQuery(`<option value="${autoLabel}" selected="selected" />`));
$('#labels-multi-select .representation .items').append(jQuery(`
  <li id="item-row-1" class="item-row" role="option">
    <button type="button" tabindex="-1" class="value-item">
      <span class="value-text">${autoLabel}</span>
    </button>
    <em class="item-delete" onclick="
      $('option[value=${autoLabel}]').remove();
      $('#labels-multi-select .representation .items #item-row-1').remove();
    "/>
  </li>
`));
});

[Jarrod Moura]

Hi @Devi Foskett , did you figure this out?