¿Como muestro lista desplegable con select a la opcion guardada en un modal?

[pakillo]

Hola espero se entienda en el titulo, tengo un archivo php que tiene una tabla con los clientes, y tengo un botón que envía los datos de esa fila del cliente a una ventana modal para poder editarlos, hasta ahi todo bien recibe los datos los input sin problema, pero las listas desplegables me tienen loco, tengo dos listas desplegables que si lo hago en el php en lugar del modal hacen una consulta if para mostrar el campo seleccionado tipo si id = id_documento entonces selected y así aparece marcada la opción en la lista cuando voy a editar, pero cuando lo hago en el modal no puedo agregar esa variable para el if.
este es el botón que llama al modal

Código:

<a href="#" data-href="" class="editbtn" data-toggle="modal" data-target="#modal-edit" data-placement="top" tittle="Editar registro" ><i class="far fa-edit-alt icon-md-danger"></i></a>

esta es la funcion a la que envia los datos y carga el modal

Código:

<script>
  $(document).ready(function() {

    $('.editbtn').on('click', function() {

      $('#editmodal').modal('show');

      $tr = $(this).closest('tr');

      var data = $tr.children("td").map(function() {
        return $(this).text();
      }).get();

      console.log(data);
     
      $('#update_id').val(data[0]);   
      $('#tipo_cli_id').val(data[1]);
      $('#tipo_doc_id').val(data[2]);
      $('#tipoD').val(data[3]);
      $('#tipoC').val(data[4]);
      $('#numD').val(data[5]);
      $('#nombreC').val(data[6]);
      $('#telefonoC').val(data[7]);
      $('#direccionC').val(data[8]);
      $('#ciudadC').val(data[9]);
      $('#provinciaC').val(data[10]);
      $('#paisC').val(data[11]);
      $('#emailC').val(data[12]);

    });
  });
</script>

y asi es como trabajo el select, si lo hago desde el php directo funciona todo bien

Código:

 <div class="form-group">
                  <label>Tipo documento</label>
                  <select class="form-control  input-form" id="tipo_doc_id" name="tipo_doc_id" style="width: 100%;" required>
                    <option value="">Seleccionar tipo de documento</option>
                    <?php foreach($documentos as $documento) {?>
                      <option value="<?php echo $documento['id']; ?>"<?php if($documento['id'] == $tipo_doc_id) { echo 'selected';}?>><?php echo $documento['nombre']; ?></option>
                      <?php } ?>
                  </select>
                </div>

ahi me sale un error porque esa variable no esta definida al cargar la página $tipo_doc_id, el modal lo tengo en la misma pagina php, intente definir la variable al principio de la pagina por ejemplo en 0 para evitar el error pero igual no recibe el valor al cargar la ventana modal y se queda en 0 igual.

Editado: olvidedecir que cuando intente enviarla como variable le puse
var tipo_doc_id = $(this).val(data[2]);
no se si esta bien o no pero no se envia el valor al modal

Saludos