页面上的动态内容未显示

Question

我正在尝试使用js的onclick事件在页面上生成动态内容，但控制台中出现错误“未捕获的SyntaxError：意外的标识符”

html

{% load static %}
<head>
      <script type="text/javascript">
      function myFunction() {
        // document.getElementById("demo").innerHTML = "Paragraph changed.";
        document.getElementById("demo").innerHTML = "{{ Malegender }}";
      }
      </script>
  </head>

  <body>
    <div class="container mt-5">
<h1>Gender</h1>
      <hr>
      <h5>{{ mygender.as_p }}</h5>
      <h1 id="demo">Hello</h1>
      <div class="container">
        <button type="submit" name="gender_submit" class="btn btn-success" onclick="myFunction()">Confirm</button>
      </div>
    </div>
  </body>

views.py

def Gender(request):
    gender_selection = GenderForm()
    male_detail = MaleForm()
    Male = False
    print("Value of male",Male)
    if 'gender_submit' in request.POST:
        male_detail = MaleForm(data=request.POST)
        Male = True
        print("Value of male d",Male)

    print("Value of male a",Male)
    return render(request, 'Gender.html',{"mygender":gender_selection,"Malegender":male_detail})

表格

class MaleForm(forms.ModelForm):
    class Meta:
        model = GenderModel
        fields = ('genderMale','genderMale1','genderMale2','genderMale3','genderMale4')

models.py

from django.db import models
from django.contrib.auth.models import User
from django.db.models.signals import post_save
from django.dispatch import receiver
# Create your models here.

class GenderModel(models.Model):
    user = models.OneToOneField(User, on_delete=models.CASCADE)

    gender_choice=(('Male','Male'),('Female','Female'),)
    gender = models.CharField(max_length=6,choices=gender_choice,null=True,)
    genderMale = models.BooleanField(default=False)
    genderMale1 = models.BooleanField(default=False)
    genderMale2 = models.BooleanField(default=False)
    genderMale3 = models.BooleanField(default=False)
    genderMale4 = models.BooleanField(default=False)
@receiver(post_save, sender=User)
def create_user_profile(sender, instance, created, **kwargs):
    if created:
        GenderModel.objects.create(user=instance)

@receiver(post_save, sender=User)
def save_user_profile(sender, instance, **kwargs):
    instance.gendermodel.save()

当我单击按钮时，控制台上显示错误。 我试图在用户单击按钮时显示该内容

Answer 1

这个问题表明永远不要使用onclick属性。 相反，您可以尝试使用事件监听器，如下所示：

<button type="submit" name="gender_submit" class="btn btn-success"
id="gender_submit_button">Confirm</button>

<script type="text/javascript">
function myFunction() {
  document.getElementById("demo").innerHTML = "{{ Malegender }}";
}

document.getElementById('gender_submit_button').addEventListener('click', myFunction);
</script>

另外，请确保将脚本放置在按钮和演示之后。

页面上的动态内容未显示

问题描述

1 个解决方案

解决方案1
0 已采纳 2019-09-13 18:53:15

页面上的动态内容未显示

问题描述

1 个解决方案

解决方案1 0 已采纳 2019-09-13 18:53:15

解决方案1
0 已采纳 2019-09-13 18:53:15