改变HTML下拉框SELECT选项的多种方法
导读：收集整理的这篇文章主要介绍了改变HTML下拉框SELECT选项的多种方法，觉得挺不错的，现在分享给大家，也给大家做个参考。 提交表单后返回的HTML页面重新渲染，SELECT控件的value和selectedIndex属性都无法使...
收集整理的这篇文章主要介绍了改变HTML下拉框SELECT选项的多种方法，觉得挺不错的，现在分享给大家，也给大家做个参考。 提交表单后返回的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>
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： 改变HTML下拉框SELECT选项的多种方法
本文地址： https://pptw.com/jishu/587814.html