html – 刷新后选择保留选项

html – 刷新后选择保留选项,第1张

概述我有一个按照我在参数中插入的2个参数排序的人员列表. 当有人选择参数时,如何在刷新或更改/返回页面时保持选择该参数? 我在互联网上的一些帖子上看到了一些问题,但大多数都使用JQuery,我不想使用它. 代码是这样的: <select name="idactivity_contact[]" id="_activity" multiple="multiple" size="10" style="wid 我有一个按照我在参数中插入的2个参数排序的人员列表.

当有人选择参数时,如何在刷新或更改/返回页面时保持选择该参数?

我在互联网上的一些帖子上看到了一些问题,但大多数都使用JQuery,我不想使用它.

代码是这样的:

<select name="IDactivity_contact[]" ID="_activity" multiple="multiple" size="10" >    <option Disabled="Disabled" >Shipbroking</option>    <option value="1">Newbuilding</option>    <option value="2">Sales and Purchase</option>    <option value="3">Bulk</option></select>

代码是在PHP中手动生成的,但我稍后会做一个函数

解决方法 一种方法是使用JavaScript和localstorage:

document.getElementByID("_activity").onchange = function() {    localstorage.setItem('selectedtem',document.getElementByID("_activity").value);}if (localstorage.getItem('item')) {    document.getElementByID("selectedtem").options[localstorage.getItem('selectedtem')].selected = true;}​

您也可以在服务器端使用cookie或会话.

总结

以上是内存溢出为你收集整理的html – 刷新后选择保留选项全部内容,希望文章能够帮你解决html – 刷新后选择保留选项所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1074462.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-26
下一篇 2022-05-26

发表评论

登录后才能评论

评论列表(0条)

保存