最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

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

来源:动视网 责编:小采 时间:2020-11-27 14:45:17
文档

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

改变HTML下拉框SELECT选项的多种方法:提交表单后返回的HTML页面重新渲染,SELECT控件的value和selectedIndex属性都无法使下拉框保留提交表单前的状态。 代码如下: <SELECT id=idState style=width:150 name=state selectedIndex=$!{state}>
推荐度:
导读改变HTML下拉框SELECT选项的多种方法:提交表单后返回的HTML页面重新渲染,SELECT控件的value和selectedIndex属性都无法使下拉框保留提交表单前的状态。 代码如下: <SELECT id=idState style=width:150 name=state selectedIndex=$!{state}>

提交表单后返回的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下拉框SELECT选项的多种方法

改变HTML下拉框SELECT选项的多种方法:提交表单后返回的HTML页面重新渲染,SELECT控件的value和selectedIndex属性都无法使下拉框保留提交表单前的状态。 代码如下: <SELECT id=idState style=width:150 name=state selectedIndex=$!{state}>
推荐度:
标签: 选项 html 下拉框
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top