Показать подпапки в выпадающем меню, используя Ajax и Django

Question

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

и вызов ajax: `

<script>
    $("#select_id").change(function () {
      //var url = $("#ajax_req").attr("sub-direc-url");\ajax/validate_username\
      var url='subdirectories/'
     var  id = select_id.value;
     //var csrf=
     //var csrf_token = '<%= {{csrf_token}} %>';
      console.log(id)
      console.log("hhhhhhhhhhh")    
      $.ajax({

         url: url,
         type: 'GET',
        data: {'id':id,
        csrfmiddlewaretoken: '{{ csrf_token }}'},
        contentType: 'plain/text',
       
        
       
       
        success: function (data) {
          console.log($("#id_direc").html(data));
        }
      });

    });
  </script>`

и код текстового поля:

. Если я выберу папку из выпадающего меню, она точно распечатает все подпапки

<div class="form-group input-group">
      <div class="input-group-prepend">
        <span class="input-group-text"> <i class="fa fa-building"></i> </span>
    </div>
    <select class="form-control" id="select_id">
      <option > select the folder</option>
       {% for i in list_dirc %}
          <option value="{{ i }}">{{ i }}</option>
    {% endfor %}
    </select>
   </div> 
   <div class="form-group input-group">
    <div class="input-group-prepend">
        <span class="input-group-text"> <i class="fa fa-user"></i> </span>
     </div>
        <input name="" class="form-control" placeholder="Full name" type="text" id=id_direc>
    </div> 

получая ошибку как