手机
当前位置:查字典教程网 >网页设计 >XHTML >改变HTML下拉框SELECT选项的多种方法
改变HTML下拉框SELECT选项的多种方法
摘要:提交表单后返回的HTML页面重新渲染,SELECT控件的value和selectedIndex属性都无法使下拉框保留提交表单前的状态。全部通...

提交表单后返回的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>

【改变HTML下拉框SELECT选项的多种方法】相关文章:

HTML几个特殊的属性标签的使用介绍

HTML 无序列表项目符号使用图片的CSS写法

html中设置锚点定位的几种常见方法

通过css控制HTML文本框中的文字垂直居中

清空select标签中option选项的3种不同方式

HTML标签marquee实现滚动效果的简单方法(必看)

HTML是WEB标准开发的中心基础

XHTML标签在CSS中对应的属性及用法

a 中调用js的几种方法整理及使用推荐

HTML实现页面自动跳转的五种方法

精品推荐
分类导航