Question

我有一个涉及输入问题的表格。该表单最初有2 input个插槽，可用于选择该问题，但点击按钮会添加另一个input以添加其他选项。问题是我无法获得这些附加元素的值。知道我还能怎么做呢？这是我的代码：

模型

class Question(models.Model):
    has_answered = models.ManyToManyField(User, through="Vote")
    question_text = models.CharField(max_length=80)
    date = models.DateTimeField(auto_now=True)
    total_votes = models.IntegerField(default=0)

    def __str__(self):
        return self.question_text

class Choice(models.Model):
    question = models.ForeignKey(Question, on_delete=models.CASCADE)
    choice_text = models.CharField(max_length=100)
    votes = models.IntegerField(default=0)
    percent = models.IntegerField(default=0)

    def __str__(self):
        return self.choice_text

视图

def questions(request):
    question_form = QuestionForm(request.POST or None)
    choice_form = ChoiceForm(request.POST or None)
    if request.user.is_authenticated():
        if question_form.is_valid():
            question = question_form.save(commit=False)
            question.save()

            choices = request.POST.getlist('choice_text')
            for choice in choices:
                Choice.objects.create(choice_text=choice, question=question)
        else:
            print(question_form.errors)

    return render(request, 'questions.html', {'question_form': question_form, 'choice_form': choice_form})

模板

<form method="post" action="">{% csrf_token %}
        {{ question_form.question_text|placeholder:"Question" }}
    <br><br>
    <!--{{ choice_form.choice_text|placeholder:"Choice" }}-->
    <input class="choice" name="choice_text" placeholder="Choice" type="text" />
    <input class="choice" name="choice_text" placeholder="Choice" type="text" />

    <img src="{% static 'images/plus.png' %}" class="add_choice" />

        <button class="submit" type="submit">Submit question</button>
</form>

js（为选择字段添加另一个输入）

$(document).on('click', '.add_choice', function(){
    $(this).after('<input type="text" class="choice" placeholder="Choice" name="choice_text" /><img src="/static/images/plus.png"' + " class='add_choice' />");
});

Answer 1

由于您将有多个元素命名类＆＃39; choice＆＃39;，您可以简单地迭代它们以在提交时提取值。

$.each($('.choice'), function() {
    var data_value =  $(this).val();
    alert(data_value);
});

如何获取附加元素的值

1 个答案: