nodejs - nunjucks 如何获取按钮的 textContext 作为要发布的值？

问题描述

问。如何获取我点击的按钮的 textContext？

我有一个指示关联的数据模式。

我的架构 Branch。

假设 Branch 有 A、B 和 C。 C属于B，B属于A。

我想要做的是按数据层次结构对所有数据进行排序。为此，我想轻松获取数据及其下属。

所以我有一个页面，如下所示，使用 Branch 及其 seqeulize 列出来自 findAll 的所有数据。

Branch 
no | A | B | C
1  | 1 | 1 | 1
2  | 1 | 1 | 2
3  | 1 | 2 | 1
4  | 1 | 2 | 2
5  | 1 | 3 | 1
6  | 1 | 3 | 2
7  | 2 | 1 | 1
8  | 2 | 1 | 2
9  | 2 | 2 | 1
10 | 2 | 2 | 2
11 | 2 | 3 | 1
12 | 2 | 3 | 2

在此页面上，我可以单击除数字以外的任何字段。

所以每个字段都是一个 button，而这个按钮有一个 textContext。它们的 textContext 是来自架构 Branch 的实际数据值。

当我点击其中一个时，该按钮会显示 input value。

例如，当我点击第 5 号 A 中的 1 字段时，它会发布 name='A' 和 value='1'。因此，服务器呈现 A 的1 的下属，如下所示。

A. 1
no | B | C
1  | 1 | 1
2  | 1 | 2
3  | 2 | 1
4  | 2 | 2
5  | 3 | 1
6  | 3 | 2

但我的代码无法指定 value .

如何获取我点击的按钮的 textContext？

为什么

<textContent>
  {{ branch.battalion }}
</textContent>

正如我所想的那样正确列出

value="{{ branch.battalion }}"

不是吗？

如何修复此代码 value="{{ branch.battalion }}"？

{% for branch in branches %}
            
<tr>
    <th> 
        <form action="" method ="post">
            <button class="btn btn-primary" type="text"
                name="battalion"
                value="{{ branch.battalion }}">
                  <textContent>
                    {{ branch.battalion }}
                  </textContent>
            </button> 
        </from>
    </th>

    <th scope="row"> 
        <form action="" method ="post">
            <button class="btn btn-primary" type="text">
                <input type="hidden" 
                  name="battalion"
                  value="{{branch.battalion}}">
                <input name="company"
                  value="{{branch.company}}">
                  
                  {{ branch.company }}
            </button> 
        </from>
    </th>
</tr>
{% endfor %}

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）