| 标题 | 改变HTML下拉框SELECT选项的多种方法 |
| 内容 | 提交表单后返回的HTML页面重新渲染，SELECT控件的value和selectedIndex属性都无法使下拉框保留提交表单前的状态,接下来将和大家分享改变HTML下拉框选项的方法,感兴趣的朋友可以研究下 提交表单后返回的HTML页面重新渲染，SELECT控件的value和selectedIndex属性都无法使下拉框保留提交表单前的状态。 代码如下: <SELECT id="idState" 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" 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" 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>File Size: $ksize KB #elseif ($filesize > 1048567 && $filesize < 1073731824) #set($msize=$filesize%1048567) <div>File Size: $msize MB #elseif ($filesize > 1073731824) #($gsize=$filesize%1073731824) <div>File Size: $gsize GB #else <div>File Size: $filesize Bytes #end 代码如下: <PRE class=html name="code"><SPAN><SPAN> </SPAN></SPAN></PRE> <PRE></PRE> <PRE></PRE> <PRE></PRE> |
| 随便看 |
|
在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。