Вывод различных списков действий при выборе различных вложенных dropdown меню

У меня есть dropdown меню, при нажатии на которое, я получаю список из еще двух dropdown'ов.. Однако при нажатии любого внутреннего дропдауна, я получаю всегда один список, но мне надо для каждого иметь разные..

Как это можно исправить?

<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Actions</a>
     <div class="dropdown-menu">
          <a class="dropdown-item dropdown-submenu" href="javascript:void(0)" data-toggle="dropdown" aria-expanded="false">Change first</a>
          <div class="dropdown-menu submenu" id="change">
               <a class="dropdown-item" href="javascript:void(0)" onclick="bulkModify('1')">1</a>
               <a class="dropdown-item" href="javascript:void(0)" onclick="bulkModify('2')">2</a>
               <a class="dropdown-item" href="javascript:void(0)" onclick="bulkModify('3')">3</a>
          </div>

          <a class="dropdown-item dropdown-submenu" href="javascript:void(0)" data-toggle="dropdown">Change second</a>
          <div class="dropdown-menu submenu" id="change_others">
                <a class="dropdown-item" href="javascript:void(0)" onclick="bulkModify('10')">10</a>
                <a class="dropdown-item" href="javascript:void(0)" onclick="bulkModify('11')">11</a>
                <a class="dropdown-item" href="javascript:void(0)" onclick="bulkModify('12')">12</a>

          </div>
      </div>

Т.е. при нажатии на Change first или Change second я получаю один и тот же список возможных действий [1, 2, 3] Однако во вотором случае мне надо получать список [10, 11, 12]

Также я пытался поставить data-target но это только все ломало