jQuery addClass example

Change class name on click in jQuery

by Руслан Абсалямов

HTML

<select name="branch" id="select-branch">
  <option value="" disabled selected>Выберите Филиал</option>
  <option value="1">Москва</option>
  <option value="2">Казань</option>
  <option value="3">Санк Петербург</option>
</select>
<select name="room" class="select-office">
</select>

CSS

.select-office{
  display: none;
}
.select-office-disabled{
  display: block
}

JavaScript

const data = [
  {
    "1": [
      {"id":1, "name": "Оффис 1"},
      {"id":2, "name": "Оффис 2"},
      {"id":3, "name": "Оффис 3"}
    ]
  },
  {
    "2": [
      {"id":4, "name": "Оффис 4"},
      {"id":5, "name": "Оффис 5"}
    ]
  },
  {
    "3": [
      {"id":6, "name": "Оффис 6"}
    ]
  }
];


$('#select-branch').change(function () {
        let value = $(this).val();
        if ($(this).val() !== null){
          /* for (let i = 0; i < data.length; i++) {
            for (let n = 0; n < data[i].length; n++) {
              console.log(n)
            }
          } */
        }
    })