• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    改变HTML下拉框SELECT选项的多种方法
    提交表单后返回的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="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 中文乱码 HTML超链接中文乱码问题分析及解决方法
    下一篇:button和input type=button的区别及注意事项
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

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