Using django template tag inside javascript

Question

I'm developing a project that have not any slug field and this value create in template by:

{{ n.title|slugify }}

I have to use slug an jquery code, but variable aleays empty:

$("select#model").click(function() {
      var u = $(this).find(":selected").val();
      var slg = $(this).find(":selected").text();
      var slug = "{{ slg|slugify }}";
      window.location.href("link that createt with u and slug);
   });

Is there anyway to using django template tag inside javascript?

Edit :

I have a queryset:

Model.objects.all()

How can I add manually field in this queryset?

What do you mean by "add manually field in this queryset"? – catavaran Feb 12 '15 at 13:58 — catavaran, Feb 12 '15 at 13:58

score 0 · Answer 1 · edited May 23 '17 at 12:12

0

No, you can't do it inside the javascript. Use this answer to slugify a text in the JS.

edited May 23 '17 at 12:12

Community

1
1

answered Feb 12 '15 at 13:27

catavaran

44,703
8
98
85

I have edited question. Any help would be appreciated. – TheNone Feb 12 '15 at 13:34
I have to use django slugify. – TheNone Feb 12 '15 at 13:38

score 0 · Answer 2 · answered Feb 12 '15 at 21:28

You can put the slug in the data attribute of your markup and then use javascript to grab it.

<select id="model">
   <option data-slug="{{ slg|slugify }}" ... this is inside your template
</select>


$("select#model").click(function() {
      var $opt = $(this).find(":selected")
      var u = $opt.val();
      var slug = $opt.data("slug");

      window.location.href("link that createt with u and slug);
   });

Using django template tag inside javascript

2 Answers2