django 下拉列表

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

1
2
3
4
5
6
7
8
9
10
<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

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

urls.py

1
re_path(r'^get-datas/$', views.get_datas),<br>或<br>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/  

 

 

posted @   记录——去繁就简  阅读(106)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· 单线程的Redis速度为什么快?
点击右上角即可分享
微信分享提示