How to disable some of the dropdown list item in PHP?

See more:

Javascript

PHP

jQuery

So i wanted to disable some of my items from the dropdown list based on the Action.
Eg : if action =1, then disable the Type ="Red" , if action = 2, then disable the Type="Blue" in the dropdownlist.

And is this the correct way to put multiple values in the ??

What I have tried:

<div class="col-sm-5 form-group">
      <label for="ActionName" class="col-form-label"> Action:</label>
          <select class="form-control" name="ActionName">
            <option value="">Select Action</option>
                 @foreach($action as $act)
                  <option value="{{$act->Item}}">Select Action</option>
                 @endforeach                                
         </select>
</div>
<div class="col-sm-5 form-group">
     <label for="ID" class="col-form-label">User Name:</label>
       <select class="select form-control" name="ID" id="ID" multiple="multiple">
        <?php
            $result = $_POST['ID'];
            $result_explode = explode('|', $result);
            echo "ID: ". $result_explode[0]."<br />";
            echo "Type: ". $result_explode[1]."<br />";
            ?>

            @foreach($user as $usr)
            <option value="{{$usr->ID}}|{{$usr->Type}}">Select</option>
            @endforeach
       </select>  </div>

Script

$("[name='ActionName']").off("change");
     $("[name='ActionName']").change(function(){
        var obj = {};
        obj["ActionName"] = $("option:selected", this).val();

        ajaxJsonProcess("post", urlPathID, obj, function(inDat){
            $("[name='ID']").empty();
            $("[name='ID']").append("<option value=''>Select</option>");
            $.each(inDat, function(index, element) {
                $("[name='ID']").append("<option value='" + element.ID+ "'>" + element.ID+ "</option>");
            });
        });

    $("#modal_selection").modal();