クリックして別の行のフォーム（django）を関数に追加する

Question

私はDjangoアプリケーションをやっています。 私はこのフォーム

class tipoAtribute(forms.Form): 
nombreAtribute = forms.CharField(max_length = 25) 
CHOICES = (
    ('VARCHAR', 'Categorico'), 
    ('FLOAT', 'NUMERICO')) 
tipoAtribute = forms.MultipleChoiceField(choices = CHOICES, required=True, widget=forms.Select()) 

を持っていると私はこのように、HTMLのテーブルの上にこれを示す：

<table id="atributesTable"> 
<tr> 
    <td> 
     {{ form.nombreAtribute }} 
    </td> 
    <td> 
     {{ form.tipoAtribute }} 
    </td> 
</tr> 

は、私はテーブル内の別の行を追加するには、このスクリプトを作りました内部に形成される。

<button onclick="myFunction()">Try it</button> 

<script> 
function myFunction() { 
    var table = document.getElementById("atributesTable"); 
    var row = table.insertRow(0); 
    var cell1 = row.insertCell(0); 
    var cell2 = row.insertCell(1); 

    cell1.innerHTML = "{{ form.nombreAtribute }}"; 
    cell2.innerHTML = "{{ form.tipoAtribute }}"; 
    } 

しかし、これはうまくいかず、私は変数cell1またはcell2に適切にフォームを表示していないためだと思います。 しかし、私はこれを修正する方法を知らない。

Answer 1

{{ form.nombreAtribute }}のテキスト置換には引用符が含まれている場合があります。この場合、このスクリプトの構文エラーが発生します。ブラウザでページソースを表示して、テンプレートの置換結果を確認します。 Djangoはaddslashes filterで値を実行して引用符をエスケープできます。

cell1.innerHTML = "{{ form.nombreAtribute | addslashes }}"; 

これは問題の一部である場合とそうでない場合があります。