如何根据主表单中的下拉选定整数

Question

1。我要在django中实现以下要求。

a）我有一个带有几个字段的主表单[文本输入字段，选择字段] b）根据用户在模板下拉框中输入的整数字段， 我需要显示更多字段来等待用户输入。 例如：如果用户选择整数：3 我需要在同一html django模板中显示3次包含少量字段的其他表单[文本输入字段，选择字段]。[说是SubForm1]

c）同样基于subform1中的下拉选择

我需要显示更多字段来等待用户输入。 例如：如果用户选择一个整数：4 我需要在同一html django模板中显示3次包含少量字段的其他表单[文本输入字段，选择字段]。[说是SubForm2]

屏幕截图如下所示。

如何完成此操作。如果已经在任何地方完成了任何教程或任何类似的帖子，可以请一些人分享或澄清一下。 基本上我不太了解javascript / jquery。我们只能使用Django表单和模板完成此操作，而无需使用javascript或jquery吗？

Answer 1

基本上，您需要了解的是javascript及其库（即jQuery）。尝试根据用户输入显示某些内容是一项前端任务。我会给你一个简短的解释。

首先，您必须导入jquery脚本。因此在html页面的head标签中。添加以下内容：-

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

现在是下一部分。确定用户输入任何值时该怎么做。假设您有一个带有一些id的数字类型的输入字段。

<input type="number" id="userInput" name="quantity">

现在，您要根据输入的值执行一些操作。所以这就是方法

<script>
  var entered_value  = $("#userInput").val();
  if(entered_value === 4)
   {
      //perform some task
   }
 </script> 

您可以执行多个任务，例如追加，隐藏，显示和删除元素等。您必须学习一些基本的javascript和jQuery。 Mozilla提供了出色的文档。您可以参考此https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference。 jQuery有其官方网站，即https://jquery.com。建议您首先学习一些基本的javascript。然后转到jquery，因为jQuery只是一个javascript库。基本上，它提供了用户友好且易于阅读的语法方法。休息，您可以在Google上搜索任何主题并进行研究。希望对您有所帮助。