在 javascript 中使用 django 模板标签

Posted 2023-02-24

【中文标题】在 javascript 中使用 django 模板标签

【英文标题】：Using django template tag inside javascript

【发布时间】：2015-04-13 06:07:33

【问题描述】：

我正在开发一个没有任何 slug 字段的项目，并且这个值在模板中创建：

 n.title|slugify 

我必须使用 slug 一个 jquery 代码，但变量 aleays 为空：

$("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);
   );

有没有办法？

编辑：

我有一个查询集：

Model.objects.all()

如何在这个查询集中手动添加字段？

【问题讨论】：

“在这个查询集中手动添加字段”是什么意思？

【参考方案1】：

不，您不能在 javascript 中执行此操作。使用this answer 对 JS 中的文本进行 slugify。

【讨论】：

我已编辑问题。任何帮助将不胜感激。

我必须使用 django slugify。

【参考方案2】：

您可以将 slug 放入标记的 data 属性中，然后使用 javascript 抓取它。

<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);
   );