如何使用python和html在同一頁面上使用動態單選按鈕處理多個表單？

Question

美好的一天！

我有一個獨特的問題，我必須創建一個具有3種形式的HTML頁面，其中單選按鈕是基於前一個表單的輸入動態生成的。我正在使用Python 3.6和HTML。我的代碼

配件：

從應用程序：

selection1 = sorted(list(Some_Table['var1'].unique())) 
if request.method == 'POST': 
    if request.form['submit1']: 
     selection2 = sorted(list(pandas.DataFrame(Some_Table[Some_Table['var1'] == request.form['Header1']])['var2'].unique())) 
     return render_template('view.html', selection2 = selection2, selection1=selection1) 
     if request.form['submit2']: 
      selection3 = sorted(list(pandas.DataFrame(Some_Table[Some_Table['var2'] == request.form['Header2']])['var3'].unique())) 
      return render_template('view.html', selection3 = selection3, selection2 = selection2, selection1=selection1) 
return render_template('view.html', selection1=selection1) 

從HTML腳本：

<div2> 
 
<form action="" method="post"> 
 
<p> {% for c1 in selection1 %} 
 
<input type="radio" name="Header1" value={{c1}}> {{c1}} </input><br> 
 
{% endfor %} </p> 
 
<p> <input type=submit name=submit1 value="Show Table1"> </p> 
 
</form> 
 
</div2> 
 

 
<div2 style="margin-top: 250px; "> 
 
<form action="" method="post"> 
 
<p> {% for c2 in selection2 %} 
 
<input type="radio" name="Header2" value={{c2}}> {{c2}} </input><br> 
 
{% endfor %} </p> 
 
<p> <input type=submit name=submit2 value="Show Table2"> </p> 
 
</form> 
 
</div2> 
 

 
<div2 style="margin-top: 500px; "> 
 
<form action="" method="post"> 
 
<p> {% for c3 in selection3 %} 
 
<input type="radio" name="Header3" value={{c3}}> {{c3}} </input><br> 
 
{% endfor %} </p> 
 
<p> <input type=submit name=submit3 value="Show Table3"> </p> 
 
</form> 
 
</div2>

Answer 1

JAVASCRIPT

for (i = 0; i < 20; i++) { 
var radioBtn = $('<input type="radio" name="rbtnCount" />'); 
radioBtn.appendTo('#target'); 
} 

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 

<form id="target"></form>