javascript - 向 django 表单库渲染的 <options> 添加数据属性

Question

我有django choice field

django 渲染的 HTML 如下所示:

<select id="id_action" name="action">
 <option value="" selected="selected">---</option>
 <option value="query-action-take">Take</option>
 <option value="query-action-forward">Forward</option>
</select>

在执行用户选择的操作之前，应该进行确认。但并非所有行动都需要确认。在本例中，“删除”需要确认，但“获取”不需要确认。

我想添加html data attributes 选项

结果应如下所示:

<select id="id_action" name="action">
 <option value="" selected="selected">---</option>
 <option value="query-action-take"   data-need-confirm="False">Take</option>
 <option value="query-action-delete" data-need-confirm="True">Delete</option>
</select>

到目前为止，我还没有找到将“需要确认”的数据注入(inject)到个人选择中的方法。

...还是我走错了路？

这个问题只是关于“如何将数据放入html”。数据评估(确认弹出窗口)不属于此问题的一部分。

Answer 1

您需要为此创建一个自定义小部件。如果您查看 Select 小部件 (django.forms.Select) 的 Django 文档，您会发现一个 render_option() 方法。因此最好对默认的 Select 类进行子类化并重写此方法。