Question

我有一个带有表单和提交按钮的网页。（用户应在此处输入文本并按下＃34;确定＆＃34;按钮）我使用我的django服务器上的post请求发送此数据。然后，服务器返回包含元素的字典。我想在我的网页上做一些按钮，例如N1，N2，N3按钮。当用户按下N1按钮时，我只想显示键N1的值。我怎么能这样做？

我的HTML方面：

<div class="form-container">
    <form class="forms" action="{% url 'analyze' %}" method="post">
        <fieldset>
            <ol>
                <textarea class="text-area required" name="source">{{ text }}</textarea>
            </ol>
        </fieldset>
        <input type="submit" value="analyze" name="submit">
    </form>
</div>

我的服务器端：

def analyze(request):
    if request.method == 'POST':
        text = request.POST.get('source')
        try:
            kanji = KanjiesText(text)
            results = [
                {'id': 1, 'value': kanji.n1, 'percent': 100 * len(kanji.n1) / len(N1)},
                {'id': 2, 'value': kanji.n2, 'percent': 100 * len(kanji.n2) / len(N2)},
                {'id': 3, 'value': kanji.n3, 'percent': 100 * len(kanji.n3) / len(N3)},
                {'id': 4, 'value': kanji.n4, 'percent': 100 * len(kanji.n4) / len(N4)},
                {'id': 5, 'value': kanji.n5, 'percent': 100 * len(kanji.n5) / len(N5)}
            ]
            return render_to_response('kanji_analyzer/main.html', {'text': text, 'results': results})
        except KanjiesTextError as e:
            return render_to_response('kanji_analyzer/main.html', {'text': text, 'error': e})
    else:
        return render_to_response('kanji_analyzer/main.html')

P.S。我不想要使用带有属性display：none的块。

Answer 1

在模板中使用此项：

{% for result in results %}
    <button type="button" >N{{result.id}}</button>
{% endfor %}

在发布请求后显示选择性数据

1 个答案: