如何改变HTML下拉框SELECT选项

来源:爱站网时间:2020-10-31编辑:网友分享
你知道如何改变HTML下拉框SELECT选项吗?在HTML中改变下拉框SELECT选项是经常的事情,那么接下来我们就一起跟爱站小编去看看吧。

你知道如何改变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选项的内容,面对技术上的一些疑问,如果只是浅尝辄止,是永远不能够真正掌握它的,只有深入专研才能够真正掌握它,获得真正的能力提升。

上一篇:设置frameset的高度界面变形怎么办

下一篇:WML标签

您可能感兴趣的文章

相关阅读

热门软件源码

最新软件源码下载