Получение выбранного значения и оставшегося значения в раскрывающемся списке на onchange

Question

Я хочу отобразить выбранное значение этого конкретного идентификатора в раскрывающемся списке при нажатии кнопки редактирования этого идентификатора вместе с остальными значениями в раскрывающемся списке, которые позволяют обновить выбранное значение до некоторого другого значения враскрывающийся список при обновлении.

edit.php

<div class="row">
  <div class="form-group">
    <label class="control-label col-md-3">Category</label>
    <div class="col-md-4">
      <select  class="form-control" name="project" id="project" required>

      </select>
    </div>                       
  </div>
</div>

$("#type").change(function() {
  var id = $(this).val(); //gives the type value
  var dataString = 'id='+ id;
  var editid = document.getElementById("editidhidden").value; //editidhidden gives the id

  if (id=="dir") {
    $.ajax({
      type: "POST",
      url: "edit_ajax.php",
      data: {
        id: id, 
        editid: editid,
        dir :1,
      },
      cache: false,
      success: function(html) {
        $("#project").html(html);
      } 
    }); 
  }
});

edit_ajax.php

if($_POST['dir'])
{
   $id=$_POST['id'];
   $editid=$_POST['editid'];

   $sql="SELECT * FROM project WHERE direct_type='$id'";
   $result=$conn->query($sql);
   //echo '<option selected="selected" value="">'.$roweditcategory['value'].'</option>';
   while($row=$result->fetch_assoc())
   {
     $sqleditcategory="SELECT * FROM booking WHERE id='$editid'";
      $resulteditcategory=$conn->query($sqleditcategory);
      $roweditcategory=$resulteditcategory->fetch_assoc();
      $id=$row['direct_intcode'];
      $data=$row['direct_name'];
      if($roweditcategory['value']==$id)
      {
         echo '<option value="'.$id.'" selected="selected">'.$data.'</option>';
      }
      echo '<option value="'.$id.'">'.$data.'</option>';
   }
}