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

　　提交表单后返回的HTML页面重新渲染，SELECT控件的value和selectedIndex属性都无法使下拉框保留提交表单前的状态,接下来将和大家分享改变HTML下拉框选项的方法,感兴趣的朋友可以研究下
　　提交表单后返回的HTML页面重新渲染，SELECT控件的value和selectedIndex属性都无法使下拉框保留提交表单前的状态。
　　代码如下:
　　<SELECT id="idState" style="width:150" name="state" selectedIndex="$!{state}">
　　<OPTION value="">全部</OPTION>
　　<OPTION value="1">通过</OPTION>
　　<OPTION value="2">末通过</OPTION>
　　<OPTION value="3">待处理</OPTION>
　　</SELECT>
　　一种临时的解决方案是在vm文件末尾加上一段脚本为下拉框赋值：
　　代码如下:
　　<script>
　　$('#idState').val('$!{state}');
　　</script>
　　另一种方案是设置默认选中项：
　　代码如下:
　　<SELECT id="idState" style="width:150" name="state" value="$!{state}">
　　<OPTION value="">全部</OPTION>
　　<OPTION value="1">通过</OPTION>
　　<OPTION value="2" SELECTED>末通过</OPTION>
　　<OPTION value="3">待处理</OPTION>
　　</SELECT>
　　用VTL的写法就是：
　　代码如下:
　　<SELECT id="idState" style="width:150" name="state" value="$!{state}">
　　<OPTION value="">全部</OPTION>
　　<OPTION #if($!{state} == 1) SELECTED #end value="1">通过</OPTION>
　　<OPTION #if($!{state} == 2) SELECTED #end value="2">末通过</OPTION>
　　<OPTION #if($!{state} == 3) SELECTED #end value="3">待处理</OPTION>
　　</SELECT>
　　这里要注意的是：进行==比较时，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
　　代码如下:
　　<PRE class=html name="code"><SPAN style="FONT-FAMILY: Arial, Helvetica, sans-serif"><SPAN style="WHITE-SPACE: normal">
　　</SPAN></SPAN></PRE>
　　<PRE></PRE>
　　<PRE></PRE>
　　<PRE></PRE>