jquery - 获取 Django 中 HTML 表单中多个按钮之一的 ID

标签 jquery python html django forms

我使用 Django 作为为跟踪网站提供支持的底层 FSM。我现在想允许用户更改机器的状态。状态表示为 django-fsm 字段,本质上是一个 CharField,上面有一些逻辑。

为了允许用户选择下一个状态,我最初的方法是显示一个多项选择字段(下拉菜单),该字段将使当前状态无法访问的状态变灰。我找不到一个好的方法来做到这一点,而且它对用户不太友好(尽管我仍然对问题的解决方案感兴趣)。出于所有这些原因,我选择了 B 计划:

有一个包含多个按钮的表单,每个按钮对应我们可以转到的每个状态。像这样的事情:

<form action="{% url 'tracking:order_detail' order.id %}" method="POST">
        <div id="buttons">
            <input id="3.4" type="submit" class="f" name="action" value="Some State">
            <input id="3.5" type="submit" class="f" name="action" value="Another State">
            <div style="clear:both"></div><!-- Need this to have the buttons actually inside div#buttons -->
        </div>
</form>

现在我的问题是:作为值,我想要人类可读的东西,但是从 Django 我想检索一个实际的状态值,我将其放置在 ID 字段中,例如“3.4”。查看 Django 中的表单数据,我所能做的就是:

if request.method == "POST":
     action = request.POST.get('action')

但这会给我“另一种状态”。无法访问 id 字段。看着form specification我找不到其他合适的领域。关于如何解决这个问题的任何想法。

最佳答案

使用输入名称作为值

<form action="{% url 'tracking:order_detail' order.id %}" method="POST">
        <div id="buttons">
            <input type="submit" class="f" name="action:3.4" value="Some State">
            <input type="submit" class="f" name="action:3.5" value="Another State">
            <div style="clear:both"></div><!-- Need this to have the buttons actually inside div#buttons -->
        </div>
</form>

在Python中

if 'action:3.4' in request.POST:
    action = '3.4'
...    

如果您获得大量操作,您可以在 POST 键中搜索操作。

action = None
for key in request.POST.keys():
    if key.startswith('action:'):
        action = key[7:]
        break

关于jquery - 获取 Django 中 HTML 表单中多个按钮之一的 ID,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20448911/

相关文章:

jquery - 同位素元素仅在页面刷新时刷新

jquery - 加载内容后显示引导模式

python - 从 S3 下载文件时,AWS Lambda 中出现错误 "Read-only file system"

python - 如何在spark中读取固定字符长度格式的文件

html - nth-child 在 Safari 中不起作用

html - 溢出后下推图标 :hidden text

javascript - 垂直滚动条占用最后一列的宽度

javascript - JQuery悬停功能不显示警报消息

python - 以日期时间形式读入年份、DOY 和微秒数据

javascript - 使用 JavaScript 从表单中获取数据并将其放入表行中。