分别在javascript和JSP中动态设置下拉列表默认值

一.JavaScript中动态设置select标签中<option>选项的默认值:

比如,要完成下边这个下拉列表的动态显示,并且当进行前后翻页时,下拉列表中的值自动更新为当前页码:

分别在javascript和JSP中动态设置下拉列表默认值

图1

jsp部分代码如下:

分别在javascript和JSP中动态设置下拉列表默认值

图2

实现动态设置下拉列表默认值的js代码:

分别在javascript和JSP中动态设置下拉列表默认值

图3

二、使用EL表达式在jsp页面中动态设置select标签中<option>选项的默认值:

现在有如下这么一个页面(图4),要实现点击修改时,在弹出的页面中(图5),还能继续显示出账目类型为“借出”,页面jsp代码为图6所示:

分别在javascript和JSP中动态设置下拉列表默认值

图4

分别在javascript和JSP中动态设置下拉列表默认值

图5

分别在javascript和JSP中动态设置下拉列表默认值

图6(上述用status.index+1这种方式不严谨,改用下图这种写法typelist是Session作用域中的属性,bills.billType是服务器返回给页面的值)

分别在javascript和JSP中动态设置下拉列表默认值

参考资料:

http://blog.sina.com.cn/s/blog_9cbb6a210102uzu0.html

分别在javascript和JSP中动态设置下拉列表默认值

https://www.cnblogs.com/sxdcgaq8080/p/6439496.html

分别在javascript和JSP中动态设置下拉列表默认值

上一篇:Linux操作系统下IPTables配置方法详解


下一篇:用户体验设计中的巧妙过渡