站长资源网页制作 改变HTML下拉框SELECT选项的多种方法 整理:jimmy2024/12/28浏览2次 站长资源 网页制作 网盘链接 云盘下载 简介提交表单后返回的HTML页面重新渲染,SELECT控件的value和selectedIndex属性都无法使下拉框保留提交表单前的状态。 复制代码代码如下: 提交表单后返回的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> 上一篇:button和input type=button的区别及注意事项 下一篇:html 中文乱码 HTML超链接中文乱码问题分析及解决方法 最新资源 群星《奔赴!万人现场 第2期》[FLAC/分轨] 群星《奇妙浪一夏 (上海迪士尼度假区音乐 群星《奇妙浪一夏 (上海迪士尼度假区音乐 【古典音乐】詹姆斯·高威《季节》1993[WA 贝拉芳蒂《卡里普索之王》SACD[WAV+CUE] 小骆驼-《草原狼2(蓝光CD)》[原抓WAV+CUE 群星《欢迎来到我身边 电影原声专辑》[32 群星《欢迎来到我身边 电影原声专辑》[FL 雷婷《梦里蓝天HQⅡ》 2023头版限量编号低 群星《2024好听新歌42》AI调整音效【WAV分 一句话新闻微软与英特尔等合作伙伴联合定义“AI PC”:键盘需配有Copilot物理按键几个月来,英特尔、微软、AMD和其它厂商都在共同推动“AI PC”的想法,朝着更多的AI功能迈进。在近日,英特尔在台北举行的开发者活动中,也宣布了关于AI PC加速计划、新的PC开发者计划和独立硬件供应商计划。在此次发布会上,英特尔还发布了全新的全新的酷睿Ultra Meteor Lake NUC开发套件,以及联合微软等合作伙伴联合定义“AI PC”的定义标准。 友情链接:杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网 站点地图 SiteMap