改变HTML下拉框SELECT选项的多种方法
作者：佚名
字体：[ ] 来源：互联网 时间：12-30 17:00:57
提交表单后返回的HTML页面重新渲染，SELECT控件的value和selectedIndex属性都无法使下拉框保留提交表单前的状态,接下来将和大家分享改变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中比较的问题 对于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 & ) #set($msize=$filesize%1048567) &div class="mlt"&File Size: $msize MB #elseif ($filesize & ) #($gsize=$filesize%) &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&
大家感兴趣的内容
12345678910
最近更新的内容正文 jquery对select下拉框取值与赋值方法汇总
jquery对select下拉框取值与赋值方法汇总
发布时间： & 编辑：
本文介绍了jquery对select下拉列表框取值与赋值的方法，多个取值与赋值的例子，有需要的朋友参考下。
您可能感兴趣的文章：如需了解基本表达式，请参考《》一文
定义后台控制器路径，类似标签的属性。
&form id="login-form" th:action="@{/login}"&...&/form&
对象遍历，功能类似中的标签。
public class StudentRequestBean {
private List&Student&
public class Student implements Serializable{
private String firstN
@RequestMapping(value = "/addStudent", method = RequestMethod.POST)
public String addStudent(@ModelAttribute(value = "stuReqBean")
StudentRequestBean stuReqBean，ModelMap model) {...}
&form id="login-form" th:action="@{/addStudent}"
th:object="${stuReqBean}" method="POST"&
&div class="student" th:each="stuIter,rowStat:${stuReqBean.students}"&
&input type="text" class="firstName" value=""
th:field="*{students[__${rowStat.index}__].firstName}"&&/input&
&input type="text" class="school" value=""
th:field="*{students[__${rowStat.index}__].school}"&&/input&
上面的例子中通过选择表达式*{}既能将表单绑定到后台的中的集合属性，也能将上下文中的中的类型的变量回显，回显时通过th:each进行遍历。
注意：绑定集合属性元素下标的用法
注意：如果为，页面将无法显示表单，后台必须给初始化一个值，即
List&Student & stus = new ArrayList&Student &();
stus .add(new Student ());
StudentRequestBean.setStudents(stus );
注意：stuIter代表的迭代器
常用于表单字段绑定。通常与th:object一起使用。&属性绑定、集合绑定。
public class LoginBean implements Serializable{...
private List&User&
public class User implements Serializable{...
private S;
@RequestMapping(value = "/login", method = RequestMethod.POST)
public String login(@ModelAttribute(value = "loginBean") LoginBean loginBean，ModelMap model) {..}
&form id="login-form" th:action="@{/login}" th:object="${loginBean}"&...
&input type="text" value="" th:field="*{username}"&&/input&
&input type="text" value="" th:field="*{user[0].username}"&&/input&
定义超链接，类似标签的属性。形式为@{/logout}
&a th:href="@{/logout}" class="signOut"&&/a&
div&id声明，类似标签中的属性。
&div class="student" th:id = "stu+(${rowStat.index}+1)"&&/div&
条件判断。
&div th:if="${rowStat.index} == 0"&... do something ...&/div&
th:include
见th:fragment
th:fragment
声明定义该属性的为模板片段，常用与头文件、页尾文件的引入。常与th:include，th:replace一起使用。
声明模板片段
&div th: fragment=" copy" &
& 2011 The Good Thymes Virtual Grocery
引入模板片段
&div th: include=" /templates/footer : : copy" &&/div&
&div th: replace=" /templates/footer : : copy" &&/div&
用于表单数据对象绑定，将表单绑定到后台的一个参数。常与th:field一起使用进行表单数据绑定。
public class LoginBean implements Serializable{...}
@RequestMapping(value = "/login", method = RequestMethod.POST)
public String login(@ModelAttribute(value = "loginBean") LoginBean loginBean，ModelMap model) {...}
&form id="login-form" th:action="@{/login}" th:object="${loginBean}"&...&/form&
用于外部资源引入，类似于标签的属性，常与@{}一起使用。
&script th:src="@{/resources/js/jquery/jquery.json-2.4.min.js}"
th:replace
见th:fragment
文本显示。
&td class="text" th:text="${username}" &&/td&
用于标签复制，类似标签的属性。
&option th:value="Adult"&Adult&/option&
id="msg" type="hidden" th:value="${msg}" /&
阅读(...) 评论()