django 下拉列表

发布时间 2023-12-28 15:54:10作者: 记录——去繁就简

1,html原生代码点击跳转

<from>
<select οnchange="window.location=this.value;">
<option value="a.html">用户管理</option>
<option value="b.html">用户</option>
</select>
</form>
注意onchange部分,这样即可以实现跳转了

2,选择后,点击提交按钮

当网页改变时,请刷新页面以获取最新的内容。否则网页还是未修改前的网页。

判断action的url是否有效时。在网址输入看是否有效即可。

runoob.html

    <form action='/get-data' method="post">
           {% csrf_token %}
        <select name="tools">
            <option value="p">p</option>
            <option value="d">d</option>
            <option value="a1">a1</option>
            <option value="a3">a3</option>
            <option value="a2">a2</option>
        </select>
    </form>

views.py

def get_datas(request):
    if request.POST:
        t = request.POST['money']
        return HttpResponse(f"选择{t}")
    else:
        return HttpResponse("你提交了空表单")

urls.py

re_path(r'^get-datas/$', views.get_datas),

path('get-datas/', views.tet_dataas),最好用这个,跟能准确的知道你的路径是否正确

 

3,选择后跳转到新页面(django获取前端点击值,判断后返回值)

在当前页面的路径下进入

/a:会直接与主路由拼接

例:在app1下:http://127.0.0.1:8000/app1/

http://127.0.0.1:8000/a/ 当改变为app1/a时为:http://127.0.0.1:8000/app1/app1/a/就会报错

a/:会继承当前url

例:在app1下:http://127.0.0.1:8000/app1/ 

http://127.0.0.1:8000/app1/a/