Question

我有一个脚本，它允许用户只选择一个 div 按钮，如果选择了汽车，提交表单按钮将被扭动，但是当它没有隐藏并且我在输入中编写汽车示例时，它可以按我的意愿工作，我也可以活动按钮样式，但是当它隐藏时看不到它是否需要，所以请这里是我的小脚本，如何将这个 div 按钮名称输入隐藏输入---抱歉我毁了英文

{% block javascript %}
<script>
  function changeClass(id)
   {
       if ($('#' + id).hasClass('answerBtnsSelected is-danger'))
           $('#' + id).removeClass('answerBtnsSelected is-danger');
          
       else
       {
           if ($('.answerBtnsSelected').length < 1)
           {
               $('#' + id).addClass('answerBtnsSelected is-danger');
           }
           else
           {
                alert('Only three buttons can be selected.');
           }       
       }
       $(".subtn").click(function () {
         $("#subtn").text($(id).text());
         $("#subtn").val($(id).text());
         $("#id_mtags").val($(id).text());
         $("#MainTags").submit();
         console.log($('#id_mtags').val())
     });
   }
</script>
{% endblock %}
<form method="post" action="" enctype="multipart/form-data" role="form" id="MainTags">
          {% csrf_token %}

          <div class="columns is-mobile">
            <div class="column">
              <div class="button" type="button" id="car" value="car" name="car" onclick="changeClass(this.id);">
                car
              </div>
            </div>
            <div class="column">
              <div class="button" type="button" id="home" value="home" name="home"
                onclick="changeClass(this.id);">
                home
              </div>
            </div>
            <div class="column">
              <div class="button" type="button" id="phone" value="phone" name="phone" onclick="changeClass(this.id);">
                phone
              </div>
            </div>
            <div class="column">
              <div class="button" type="button" id="apple" value="apple" name="apple"
                onclick="changeClass(this.id);">
                apple
              </div>
            </div>
          </div>
            <h3 class="title is-1"></h3>

          {{ form.hiddeninput}}
        </form>

我有隐藏字段来获取标签并保存在数据库中表单.py

class NewPostForm(forms.ModelForm):

    mtags = forms.CharField(widget=forms.HiddenInput(attrs={'value':''}), required=True)
    class Meta:
        model = Post
        fields = ('mtags')

这里是需要和拆分的视图视图.py

@login_required
def NewPost(request):
    user = request.user
    files_objs = []
    mtags_objs = []

    if request.method == 'POST':
        form = NewPostForm(request.POST, request.FILES)
        if form.is_valid():
            files = request.FILES.getlist('content')
            caption = form.cleaned_data.get('caption')
            mtags_form = form.cleaned_data.get('mtags')

            mtags_list = list(mtags_form.split(','))

            for mtag in mtags_list:
                t, created = Mtag.objects.get_or_create(maint=mtag)
                mtags_objs.append(t)

            for file in files:
                file_instance = PostFileContent(file=file, user=user)
                file_instance.save()
                files_objs.append(file_instance)

            p, created = Post.objects.get_or_create(caption=caption, user=user)
            p.mtags.set(mtags_objs)
            p.content.set(files_objs)
            p.save()
            return redirect('index')
    else:
        form = NewPostForm()

    context = {
        'form':form,
    }

    return render(request, 'newpost.html', context)

django 如何将值设置为隐藏输入

0 个答案: