如何在javascript中显示Django表单对象？

Question

我的问题是，当我在我的tr中单击时，我会显示一个带有{{formFacture.description_article}}的choicefield，但它不起作用。你知道吗

当我做td.innerHTML = "test"的时候，它确实起作用。你知道吗

这是我的html代码：

<tbody class="table-article-tbody" id="table_article_tbody">
  {% for ligne in liste_article %}
      <tr id="{{ ligne.ref_article }}">
         <td>{{ ligne.descripton_article }}</td>
         <td>{{ ligne.compte_article }}</td>
      </tr>
 {% endfor %}
 <tr>
    <td>{{ formFacture.description_article }}</td>
    <td>{{ formFacture.compte_article }}</td>
 </tr>
</tbody>

下面是我的javascript代码：

<script>
        $('#table_article tr').on('click', function(event){
            event.preventDefault();
            if($(this).attr('id') != undefined){
                var $this = $(this);
                $.ajax({
                    type: 'GET',
                    url : "{% url 'updateligneFacture_tem' %}",
                    data: $("#form_facture").serialize(),
                    success : function(data){
                        $('#contenue_fact').html(data);
                        $('#table_article tr:last').remove();
                        var row = $this.attr('id');
                        var tr = document.getElementById(row);
                        var td = tr.insertCell(0);
                        td.innerHTML = "{{ formFacture.description_article }}";
                          alert(tr);

                        $('.selectpicker').selectpicker();
                    },
                    error : function(){
                        alert("Erreur update !!");
                    }
                });
            }
        });
</script>

Answer 1

您正在尝试将click事件设置为表：

$（“#table#article tr”）。在（“click”，…）上，但应该直接将事件分配给tr

$("#table_article tbody tr").on("click", ...) 

或者

$("#table_article_tbody tr").on("click", ...)

这是主要原因，您没有正确地将事件设置为tr of table。你知道吗

此外，还可以使用过滤器对django对象进行转义：safe和scapejs

{{ object|safe }} 

{{ object|escapejs }}