HTML的下拉框SELECT选项怎样设置更改
Admin 2022-11-18 群英技术资讯 1585 次浏览
这篇文章主要介绍了“HTML的下拉框SELECT选项怎样设置更改”相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇HTML的下拉框SELECT选项怎样设置更改文章都会有所收获,下面我们一起来看看吧。代码如下:
<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>
关于“HTML的下拉框SELECT选项怎样设置更改”的内容今天就到这,感谢各位的阅读,大家可以动手实际看看,对大家加深理解更有帮助哦。如果想了解更多相关内容的文章,关注我们,群英网络小编每天都会为大家更新不同的知识。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
猜你喜欢
前言在平常的样式排版中,我们经常遇到将某个模块隐藏的场景通过css隐藏元素的方法有很多种,它们看起来实现的效果是一致的但实际上每一种方法都有一丝轻微的不同,这些不同决定
CSS盒子模型隐藏怎样做,具体方法是什么?下文有详细的介绍,小编觉得挺实用的,对大家学习或工作或许有帮助,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
本篇文章给大家带来了关于css的相关知识,其中主要介绍了关于transform变换和transitions过渡的相关问题,一起看看CSS实现盒子的转换与过渡效果,希望对大家有帮助。
这篇文章主要介绍了使用css3做0.5px的细线的示例代码的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
本篇文章主要介绍了详解CSS3 rem(设置字体大小) 教程,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
成为群英会员,开启智能安全云计算之旅
立即注册Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008