Установка контекстных переменных через javascript на selectize

ASK: При выборе значения ABC в первом выпадающем списке, контекстная переменная dummy_id должна быть установлена в значение nonstandard, однако в моем случае значение контекстной переменной не передается javascript и в python представлении не получается значение для dummy_id

[HTML] Выпадающий элемент 1:

<select id="service" name="service" class="form-control full_100_percent_width">
              <option value="">Service</option>
              <option value="xyz" {% if service == 'xyz' %}selected{% endif %}>XYZ</option>
              <option value="abc" {% if service == 'abc' %}selected{% endif %}>ABC</option>
          </select>

[HTML] Выпадающий элемент 2:

<select id="subList" name="dummy_id" class="form-control full_100_percent_width">
             <option value="">All Values</option>
             <option value="nonstandard" {% if dummy_id == 'nonstandard' %} selected="selected" {% endif %}>NonStandard</option>
             <option value="standard" {% if dummy_id == 'standard' %} selected="selected" {% endif %}>Standard</option>
         </select>

JS:

$("#service").change(function() {
      var svc = $(this).val()
      var selectized = $('#subList').selectize();
      if(svc == "abc") {
        selectized[0].selectize.setValue('nonstandard');
        selectized[0].selectize.disable();
      }
      else {
        selectized[0].selectize.setValue('');
        selectized[0].selectize.enable();
      }
  });

Как я могу присвоить dummy_id значение через JS в случае, если мы выберем abc в выпадающем списке 1.

Спасибо

Пробовал использовать selectize, а также document.getElementById, но, похоже, ничто не устанавливает значения для контекстных переменных.

var input = document.getElementById("subList")
        input.innerHTML = 'nonstandard'

Вернуться на верх