Hide selected options on table row dropdowns

[pRieStaKos]

Hello,

I'm having a table with one select on each row. I want to make the select options to be disabled/removed when an option is been selected on another select.

For example:

• One table with clients. One column with a select that is been populated with options. In order to set a relation I want to give a client only one option, from the dropdown and not make it available of the other dropdowns (of other client).

When I choose one option, on one row, I want this option been disabled/removed from the select options on the other rows.
Each selects got different IDs and same option values.

 $output .= <select id=\"Clients[{$client->id}]\" name=\"Clients[{$client->id}]\" class=\"form-control input-sm clients-select\" style=\"width:100%;\">
     <option value=\"unassigned\">Unassigned</option>";
     foreach ($allCustomers as $oneCustomer) {
          $output .= "<option value=\"{$oneCustomer->Id}\">#{$oneCustomer->Id} {$oneCustomer->DisplayName} ({$oneCustomer->PrimaryEmailAddr->Address})</option>";
     }
 $output .= </select>

$(\"select.clients-select\").selectize();