改变HTML下拉框选项的方法


提交表单后返回的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中比较的问题 http://www.oschina.net/question/237818_38403?sort=time&p=1











   







        

        

            posted on 
2012-12-30 09:21 
毛小娃 
阅读(500) 
评论(0) 
编辑 
收藏 
举报

        

    










    
    

    
    

    

        

    

        

            
                
                
            
        

    

    

    

    





            

        

        

            

导航