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

来源：互联网发布：阿里云服务器磁盘扩容编辑：程序博客网时间：2024/05/29 19:52

<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">

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