使用 Django 提交表单时，如何使用 html 元素的 CSS 属性值作为输入？答案

【问题标题】：How do I use a CSS attribute's value of an html element as input when submiting a form with Django?使用 Django 提交表单时，如何使用 html 元素的 CSS 属性值作为输入？
【发布时间】：2018-02-10 17:39:20
【问题描述】：

请先点击下方图片的链接了解我的问题/情况。

如果特定物种图标（其中带有动物图像的圆圈）下方的文本是粗体的，我希望将其用作从数据库获取信息的输入标准。换句话说，我想使用“”元素的 font-weight CSS 属性作为输入。一次只能有一个“物种文本”为粗体。

例如，如果我选择了“D. rerio”（其字体为粗体）并单击“搜索”按钮，我希望后端知道它需要从“D. .rerio”数据库。

【问题讨论】：

首先说明您是如何在 HTML 中创建这些图标以及如何将它们切换为“选中”的。
图标本身只是一个启用了透明度的 .png 图像。我正在使用 jQuery 悬停事件，当用户将光标悬停在图标上时，该事件会发光。一旦他们单击图标，它下面的文本就会使用 jQuery click 事件变为粗体，如下所示： $("#fishIcon").click(function(){$("#fishIconText").css("font-weight" , "700")});

标签： html css django django-forms

【解决方案1】：

与其尝试发送 CSS 的值，不如使用设置 CSS 的相同过程在隐藏字段中设置值。比如：

<input type="hidden" name="species" id="id_species">
...
$("#fishIcon").click(function(){
    $("#fishIconText").css("font-weight", "700")
    $('#id_species').val('fish')
});

【讨论】：

这是一个非常聪明的解决方法，因为它缺少我正在寻找的那种输入类型。非常感谢！