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

当前位置 :?主页??网页制作??HTML/Xhtml? 改变HTML下拉框SELECT选项的多种方法 来源：互联网?作者：佚名?时间：12-30 17:00:57?【大?中?小】 点评：提交表单后返回的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=mltFile Size: $ksize KB?#elseif ($filesize 1048567 $filesize 1073731824)?#set($msize=$filesize%1048567)?div class=mltFile Size: $msize MB?#elseif ($filesize 1073731824)?#($gsize=$filesize%1073731824)?div class=mltFile Size: $gsize GB?#else?div class=mltFile Size: $filesize Bytes?#end? 复制代码 代码如下: PRE class=html name=codeSPAN style=FONT-FAMILY: Arial, Helvetica, sans-serifSPAN style=WHITE-SPACE: normal?/SPAN/SPAN/PRE?PRE/PRE?PRE/PRE?PRE/PRE? Tag：下拉框???Select???选项?? 2