ezj v2.0 案例-增强表单易用性

作者:vkvi 来源:ITPOW(原创) 日期:2010-6-5

有一个产品管理系统,其中有一个添加产品的页面,页面中有一个下拉列表框,每次提交表单后,再次打开页面,下拉列表框的预选值都是第一项。

绝大多数情况下,这个下拉列表框的选择都是与上一次选择相同的,能不能在下一次进入页面时,其显示的选择都是上一次选择的呢?

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/

相关文章