0

我想知道为什么div标签不能隐藏 Struts2 标签，我使用的div是应该在加载时隐藏的标签，我onChange正在调用 jQuery 来切换div标签...

<%@ taglib prefix="s" uri="/struts-tags" %>

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" >
$( document ).ready(function() {
    $("#t").click(function(){
        alert("I Know Its Not Working");
        $('#tt').toggle();
    });
    });
    </script>
</head>
<body>
<s:form >
<div style="display: none;" id="tt">
<s:textfield></s:textfield>
</div>
</s:form>
<input type="button" id="t">
</body>
</html>
4

2 回答 2

1

默认情况下，Struts2 使用xhtml主题来生成标签等表单字段的 html 内容textfield。这个主题使用带有输入元素的<table>布局。<tr><td>这会破坏您的设计，因为这些元素放置在<div>标签之外。如果您想使用<div>而不是<tr><td>输入字段，则可以选择css_xhtml主题。如果您想省略生成<tr><td>，<div>则可以使用simple主题。例如

<s:form theme="simple">
 <div style="display: none;" id="tt">
   <s:textfield name="myfield" />
 </div>
</s:form>

参考：

于 2014-06-24T08:47:20.477 回答
0

我测试了。为我工作 100% :)

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>Insert title here</title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script>
    $(document).ready(function(){
        //jquery methods go here...


  $("#btnhidediv").change(function(){

        $("#togglediv").toggle();

    });



});
</script>



</head>
<body>
<form>
<div  id="togglediv" style="display: none;">
<s:textfield  type="text" name="xyz" key="xyz" size="11" label="xyz"></s:textfield><br />

<p>Hieeeeeeeeeee</p>

</div>
<input type="text" id="btnhidediv">
</form>
<body>
</html>
于 2014-06-23T11:04:08.330 回答