改变HTML下拉框SELECT选项的多种方法

166 阅读 0 评论 110 点赞

我是靠谱客的博主火星上心情，最近开发中收集的这篇文章主要介绍改变HTML下拉框SELECT选项的多种方法，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

提交表单后返回的HTML页面重新渲染，SELECT控件的value和selectedIndex属性都无法使下拉框保留提交表单前的状态。

复制代码

代码如下:

一种临时的解决方案是在vm文件末尾加上一段脚本为下拉框赋值：

复制代码

代码如下:

另一种方案是设置默认选中项：

复制代码

代码如下:

用VTL的写法就是：

复制代码

代码如下:

这里要注意的是：进行==比较时，Velocity是区分类型的，如果用字符串“1”、“2”、“3”比较会始终得到false。
velocity中比较的问题
对于velocity来说，比较尤其是涉及到不等比较（大于或者小于）都是比较难实现的。现在我想把页面上的file size分类显示（Bytes、MB、GB），于是就涉及到比较filesize大小的问题，请问一下目前有没有比较好的办法实现呢？
比如下面的代码：

复制代码

代码如下:

#if ($filesize > 1024 && $filesize < 1048567)
#set($ksize = $filesize%1024)
<div class="mlt">File Size: $ksize KB
#elseif ($filesize > 1048567 && $filesize < 1073731824)
#set($msize=$filesize%1048567)
<div class="mlt">File Size: $msize MB
#elseif ($filesize > 1073731824)
#($gsize=$filesize%1073731824)
<div class="mlt">File Size: $gsize GB
#else
<div class="mlt">File Size: $filesize Bytes
#end

复制代码

代码如下: