Django-Select2 does not work. about django-bootstrap-modal-forms HOT 11 CLOSED

@bguerrero5 I don't know how django-select2 implements select2 but you could load select2 js and css, select your dropdown within the script living in your form's html and run .select2() on it.

<form method="post" action="">
  {% csrf_token %}

  <div class="modal-header">
    ...
  </div>

  <div class="modal-body">
    {% for field in form %}
      ...
    {% endfor %}
  </div>

  <div class="modal-footer">
    ...
  </div>
</form>

<script type="text/javascript">
  $(function () {
     $(".your-class").select2();
  });
</script>

from django-bootstrap-modal-forms.

Thank for the fast response @trco. It is still not working. I am not sure whats causing the problem. I am also using crispy froms. Do you think that could be the problem?

from django-bootstrap-modal-forms.

@bguerrero5 You should provide some error log or code so I can see what's happening. It's hard to debug on ''for some reason django-select2 drop down does not work''.

from django-bootstrap-modal-forms.

@trco well I am not getting any error with my interpreter. But, in the console at the browser developer tools i can see a couple of error with the java-script. Attached you can find some screenshots of this errors. The screenshots have been uploaded in the order they appear in the browser.

from django-bootstrap-modal-forms.

@bguerrero5 Is it possible that you didn't include select2 js and css files together with my proposed solution? You're calling select2 function on an element, but the function obviously doesn't exist.

from django-bootstrap-modal-forms.

@trco yeah, i am calling the select2 function. it looks like this. I am not really good with java-script but i believe it is right.

{% load static %}
{% load crispy_forms_tags %}

from django-bootstrap-modal-forms.

Sorry, here is a better screenshot.

from django-bootstrap-modal-forms.

@bguerrero5 You should load js and css for select2. Either download it to your static folder and link to it or link to select2 cdns as written in their docs.

<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.7/css/select2.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.7/js/select2.min.js"></script>

from django-bootstrap-modal-forms.

@trco when i load the js and ccs for select2, it still not works. But now i get a different error at the console.

from django-bootstrap-modal-forms.

@bguerrero5 Unfortunately I can't conclude anything from that. I still suggest you to try out select2 without django-select2. Load js and css and than instantiate select2 on fields you get by their ids.

from django-bootstrap-modal-forms.

Closing due to inactivity.

from django-bootstrap-modal-forms.