html下拉框选择后自动刷新,html select 下拉框刷新页面后保留上一次选择的值

本文介绍了一个常见场景,即在HTML页面中,当用户在下拉框进行选择后,页面刷新如何保持之前的选择值。通过前端设置value和后台传递数据可以实现输入框和复选框的值保留,但对于select元素,需要特别处理。文中使用jQuery实现了解决方案,并展示了Django后台的处理函数,以根据选择的ID更新查询结果。
摘要由CSDN通过智能技术生成

常用场景

组合条件查询点击查询/刷新页面,包括input输入框\复选框等在内的组件都可以通过前端设置value="{ {id}}",后台发送的数据包括对应的字段,从而实现刷新后保留上一次的值,提高用户体验,但是发现select不能这么做,它的value值是约定好并传给后台的,后台可以传回来,但无法直接显示。

网上搜的资料五花八门,自己用jquery实现了,效果:

html代码段

全国

北京

上海

广州

深圳

杭州

苏州

南京

成都

重庆

武汉

js

后台是django,函数如下

def search_handle(request):

post = request.POST

input_content=post.get('input_content').strip()

input_cityid=post.get('input_cityid',0)

# print(input_cityid)

# print(input_content)

city='全国'

if input_cityid =='0':

city='全国'

params = ('%' + input_content + '%')

cursor = connect

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值