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/