Удалить опцию при выборе - PullRequest
       4

Удалить опцию при выборе

0 голосов
/ 09 октября 2019

У меня есть динамически генерируемый тег выбора. По сути, каждый раз, когда генерируется строка таблицы, также и тег select. Все это делается с помощью PHP и html:

<?php $a=0; ?>
<?php foreach($routes as $r){?>
   <tr>
      <td><?php echo $r['ROUTE']; ?></td>
      <td><?php echo $r['CARRIER']; ?></td>
      <td>
         <select id="driver_list<?php echo $a ?>" onChange="removeDriver()">
            <option value=''>Select</option>
      <?php foreach ($driver as $d){?>
            <option value="<?echo trim($d['DRIVER_NUMBER']);?>" 
      <?php echo ($driver == $d['DRIVER_NUMBER']) ? "selected" : ''?>> 
      <?php echo trim($d['DRIVER_NUMBER']) . ' - ' . $d['FIRST_NAME'] . ' ' . $d['LAST_NAME']?>
            </option>
      <?php } ?>
         </select>
      </td>
      <td class="right"><?php foreach ($route['action'] as $a) { ?>
          [ <a href="<?php echo $a['href']; ?>"><?php echo $a['text']; ?></a> ]
          <?php } ?>
      </td>
   </tr>
      <?php } ?>

Допустим, у меня завтра 6 маршрутов, и у меня на выбор 12 водителей. Я хочу создать функцию, которая удаляет значение, выбранное из текущего списка, из следующего динамически генерируемого списка. Изначально в каждом списке будет 12 водителей. Когда водитель получает «назначенный» маршрут, оставшиеся 5 списков будут иметь 11 водителей на выбор, при этом выбранный драйвер будет удален. Так далее и так далее. Идея заключается в том, что только одному водителю может быть назначен маршрут. У меня один и тот же динамически генерируемый список для транспортных средств, и мне нужно будет применять логику того же типа.

Я добавил следующие функции, чтобы отключить / выделить выбранные значения в моих списках. Я также изменил php и html:

var a = <?php echo $a; ?>;

function removeDriver(){    
    var x = document.activeElement.value;
    for(i=0; i<a; i++){     
        var elemname='driver_list'+ i;
        if (elemname !== document.activeElement.id) {
            if (x != ''){
                var y = document.getElementById(elemname).options;
                for(z=0; z<y.length; z++) {
                    if(y[z].value == x){                        
                        y[z].disabled=true;
                        y[z].style.color = 'red';
                        y[z].style.background = 'grey';
                    }
                }
            }
        }   
    }   
}

. Это работает для взаимодействия с другими списками. Однако я хочу снова включить параметры, когда пользователь передумает.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...