[Struts2]s:combobox标签在使用出现问题：改变下拉列表的选中值，文本框的值不能随着被改变

最新推荐文章于 2016-09-20 15:21:13 发布

原创最新推荐文章于 2016-09-20 15:21:13 发布 · 9.1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#struts #企业应用 #class #ajax #jsp #xhtml

异常解决同时被 2 个专栏收录

4 篇文章

订阅专栏

Struts2/Spring/Hibernate

2 篇文章

订阅专栏

本文介绍了一个关于Struts2框架中s:combobox标签使用时出现的问题及解决方案。问题表现为下拉列表选择变化时，文本框内容未同步更新，并伴有JavaScript错误。文章提供了两种解决方法。

<s:combobox>标签在使用出现问题：改变下拉列表的选中值，文本框的值不能随着被改变

问题描述：

在学习<s:combobox>标签时，有s-combobox.jsp页面，内容如下：

<%@ page contentType="text/html; charset=GBK" language="java"%> <%@taglib prefix="s" uri="/struts-tags"%> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=GBK" /> <title>使用s:combobox生成下拉输入框</title> </head> <body> <h3> 使用s:combobox生成下拉输入框 </h3> <s:form> <s:combobox label="请选择您喜欢的图书" theme="css_xhtml" labelposition="top" list="{'Struts2权威指南','轻量级J2EE企业应用实战','基于J2EE的Ajax宝典'}" size="20" maxlength="20" name="book" /> </s:form> </body> </html>

运行时，生成的html页面如下：

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=GBK" /> <title>使用s:combobox生成下拉输入框</title> </head> <body> <h3>使用s:combobox生成下拉输入框</h3> <form id="s-combobox" name="s-combobox" action="/Struts2TaglibDemo/s-combobox.jsp" method="post"> <div id="wwgrp_s-combobox_book" class="wwgrp"> <div id="wwlbl_s-combobox_book" class="wwlbl"> <label for="s-combobox_book" class="label"> 请选择您喜欢的图书: </label> </div> <br/> <div id="wwctrl_s-combobox_book" class="wwctrl"> <script type="text/javascript"> function autoPopulate_s-combobox_book(targetElement) { targetElement.form.elements['book'].value=targetElement.options[targetElement.selectedIndex].value; } </script> <input type="text" name="book" size="20" maxlength="20" value="" id="s-combobox_book"/> <br/> <select onChange="autoPopulate_s-combobox_book(this);"> <option value="Struts2权威指南">Struts2权威指南</option> <option value="轻量级J2EE企业应用实战">轻量级J2EE企业应用实战</option> <option value="基于J2EE的Ajax宝典">基于J2EE的Ajax宝典</option> </select> </div> </div> </form> </body> </html>

改变下拉列表的选中值，文本框的值不能随着被改变，而且浏览器报js错误，仔细查得是autoPopulate_s-combobox_book这个自动生成的js方法方法名中有“-”造成语法解析错误

由此可见，<s:combobox>在生成html代码时，js方法名和jsp的文件名有关，而jsp文件名为“s-combobox.jsp”带有“-”，所以导致问题的发生

解决方法一：

改变jsp文件名为“s_combobox.jsp”

解决方法二：

为<s:form>指定属性id，名为“s_combobox”,中间不要带“-”就可以了，即：

<s:form id="s_combobox">

做上述修改后，问题得到解决