function update_value() {
    parameter = $("option:selected", $('#parameter')).val();
    $.get('https://' + window.location.hostname + '/severity/value/' + parameter).done(function(data) {
        $('#value').empty();
        params = JSON.parse(data);
        for (var key in params){
          $('#value').append($('<option value="' + parameter + '/' + key + '">' + params[key] + '</option>'));
        };
        $('#value :first').attr("selected", "selected");
    });
};

function update_parameter() {
    component = $("option:selected", $('#component')).val();
    $.get('https://' + window.location.hostname + '/severity/parameter/' + component).done(function(data) {
        $('#parameter').empty();
        params = JSON.parse(data);
        for (var key in params){
          $('#parameter').append($('<option value="' + component + '/' + key + '">' + params[key] + '</option>'));
        };
        $('#parameter :first').attr("selected", "selected");
        update_value();
    });
};

$(document).ready(function() {
    $('#component').on('change', function (e) {
        update_parameter();
    });
    $('#parameter').on('change', function (e) {
        update_value();
    });
    update_parameter();
});