【问题标题】:How to make if condition in dropdown如何在下拉列表中设置if条件
【发布时间】:2021-03-04 04:20:12
【问题描述】:

我正在尝试创建一个基于 Django 的网站,并且我想创建一个带有 if 和 else 条件的下拉列表,这意味着如果一个人在下拉列表中选择物理并按下提交按钮,它应该转到特定页面,如果他按化学然后转到特定页面,请告诉我如何执行此操作,我附上我的代码。

主页(home.html):

<!DOCTYPE html>
<html>
<head>
    <title>Hi there</title>
</head>
<body>
    <form action="{% url 'test' %}">
        <select name="Subject">
            <option value="Mathematics">Mathematics</option>
            <option value="Physics">Physics</option>
            <option value="Chemistry">chemistry</option>
            <option value="accounts">accounts</option>
            <option value="bsuiness">business</option>
        </select>
        <input type="submit" value="Generate Password" class="btn btn-primary">
    </form>


</body>
</html>

Views.py:

from django.shortcuts import render

def home(request):
    return render(request, 'homepage/home.html')

def test(request):
    if request.GET.get('Physics'):
        return render(request, 'homepage/home.html')
    else:
        return render(request, 'homepage/test2.html')

urls.py

from django.contrib import admin
from django.urls import path
from homepage import views as home_views
from homepage import views as test_views

urlpatterns = [
    path('admin/', admin.site.urls),
    path('', home_views.home, name='home'),
    path('test/', test_views.test, name='test'),

请告诉我要编写什么代码以使 if 语句起作用

【问题讨论】:

    标签: python html django forms


    【解决方案1】:

    您无需在 django 代码中添加 if 语句
    Django 的后端框架,这意味着您无法在页面上进行任何动态更改。

    按钮生成链接
    1)https://learn.jquery.com/using-jquery-core/faq/how-do-i-get-the-text-value-of-a-selected-option/

    然后制作更多页面并将它们植根
    2)https://docs.djangoproject.com/fr/3.1/topics/http/urls/

    在使用 Django 之前,请尝试在 HTML + CSS + Js 上制作网页

    【讨论】:

      【解决方案2】:

      您要做的是在 Django 中捕获 GET/POST 请求(使用表单提交按钮发送),然后获取下拉参数,然后根据该条件,您可以决定哪个网页在哪个 url Django将服务。

      然后在客户端,您必须处理您决定使用 Django 服务的 url。(This can be done with javascript)

      【讨论】:

      • 我是 Django 和其他编码的新手,所以如果你能告诉我如何使用 java 脚本来做到这一点,那就太棒了
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2023-02-21
      • 1970-01-01
      • 2013-11-16
      • 2015-12-24
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多