有一个产品管理系统,其中有一个添加产品的页面,页面中有一个下拉列表框,每次提交表单后,再次打开页面,下拉列表框的预选值都是第一项。
绝大多数情况下,这个下拉列表框的选择都是与上一次选择相同的,能不能在下一次进入页面时,其显示的选择都是上一次选择的呢?
HTML 代码
<form method="get" id="form1">
<select id="categoriesList">
<option value="0">请选择</option>
<option value="1">苹果</option>
<option value="2">香蕉</option>
<option value="3">猕猴桃</option>
</select>
<input type="submit" value="提交" />
</form>
JavaScript 代码
$("form1").addListener("submit", function(){
ezj.cookie.write("preCategory", $("categoriesList").sel()[0].value, 3600);
});
$("categoriesList").sel([ezj.cookie.read("preCategory")]);
原理就是表单提交的时候,将下拉列表框的选择项写入 Cookie,并设置过期时间为 3600,如果想要设置为关闭浏览器才过期,那么可省略这个参数。
当页面载入的时候,读取 Cookie 内容,并作为数组传给 sel 自动选择对应的项。
ezj 官方网站
http://www.itpow.com/products/ezj/