Guest User

Untitled

a guest
Aug 15th, 2018
76
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.29 KB | None | 0 0
  1. Call ajax on dropdown button
  2. from django import forms
  3. from myapp.movie.models import Category
  4. class Language(forms.Form):
  5. language = forms.ModelChoiceField(queryset=Category.objects.all())
  6.  
  7. function showMovie(str) {
  8. if (str == "") {
  9. document.getElementById("txtHint").innerHTML = "";
  10. return;
  11. }
  12. if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
  13. xmlhttp = new XMLHttpRequest();
  14. }
  15. else {// code for IE6, IE5
  16. xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
  17. }
  18. xmlhttp.onreadystatechange = function() {
  19. if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
  20. document.getElementById("txtHint").innerHTML = xmlhttp.responseText;
  21. }
  22. }
  23. xmlhttp.open("GET", "movie_list?q=" + str, true);
  24. xmlhttp.send();
  25. }
  26.  
  27. class Language(forms.Form):
  28. language = forms.ModelChoiceField(queryset=Category.objects.all(), widget=forms.Select(attrs={'onchange':'ajaxfunction()'}))
  29.  
  30. ...
  31. </form>
  32.  
  33. <script type="text/javascript">
  34. var ddl = document.getElementById('ddlYourDropDownListID');
  35. ddl.onchange = function() {
  36. var str = 'someValue';
  37. showMovie(str);
  38. };
  39. </script>
  40.  
  41. </body>
  42. </html>
Add Comment
Please, Sign In to add comment