jQuery技术:防止选择选项更改回默认值

我有一个页面,在下拉菜单中有6个选项。 我使用下面的代码来制作默认选择选项“全名”

$(function(){ $('select option[value="Full Name"]').attr("selected",true); }); 

这工作正常,但是因为页面是自己调用的,所以我更改了搜索Team的选项,例如,当页面加载默认选项时,显然会改回Full Name。 我需要将其更改回之前选择的内容。

这听起来很容易,我现在只是想出一个空白。

谢谢你的帮助。

    您需要使用服务器或客户端技术存储下拉列表的状态。

    在客户端,您可以使用cookie或html5存储(如本地存储)来存储所选值,当重新访问页面并且存储了值时,您可以选择该值而不是默认值

    如果您打算使用cookie来存储信息,那么您可以想到像这样或那样的jQuery插件

    抽象实现可能看起来像

     $('select').change(function(){ storeValue('mykey', $(this).val()); }) function storeValue(key, value){ $.cookie(key, value) } function getValue(key){ return $.cookie(key); } $(function(){ var val = getValue('mykey') || 'Full Name'; $('select option[value="' + val + '"]').prop("selected",true); }); 

      以上就是jQuery教程分享防止选择选项更改回默认值相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。

      本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。

      ctvol管理联系方式QQ:251552304

      本文章地址:https://www.ctvol.com/jquerytutorial/532266.html

      (0)
      上一篇 2020年12月21日
      下一篇 2020年12月21日

      精彩推荐