页面载入中..

回到页首回到页尾

使用jquery和cookies控制select表单

interjc [Web]

2009.11.30

问题源于一个群里面的提问,在一个网页上添加一个select表单,当用户选择表单的时候,内容区会显示不同的内容,并在该用户下次打开此网页的时候记住这个设置。 像这样的东东一般都会想到要用Cookies来存储设置,方便起见,对于DOM的操作就想到了jQuery(直接写js执行效率会更高,只是,人都是很懒的嘛,呵呵..)。记录下来也算是个笔记吧(Demo)。 首先写这么一个Select下拉表单,以及用来输出被选中项相应内容的块: <!–以下就是一段普通的select下拉菜单–> <select id="choose"> <option value="0">请选择城市</option> <option value="beijing">北京</option> <option value="shanghai">上海</option> <option value="wuhan">武汉</option> <option value="shenzhen">深圳</option> </select> <div id="output" class="default"></div> 然后是用来处理Cookies的函数,其实jQuery有个插件是干这个的,不过貌似有点小Bug,所以我用的是以下函数: