2

我无法使用带有 id( <div id="reverse" style="position:absolute; left:500px; top:379px;"></div>) 的 div 将我的名为复选框的 ajax 放在正确的位置,我如何才能将它们放在一行三列中。如果我使用此代码,我无法在名为 modNameCheck 的选择框之后定位它。相反,它出现在选择框的一侧

<s:form action="queueform1.action" name="queueform1" method="post" >

   <s:select label="Flow Name" list="flowNameList" name="flowNameCheck" >
       <s:iterator status="stat" value="flowNameList">
       </s:iterator>   
   </s:select> 
   <s:textfield name="formnam" value="" label="Form Name"/>
   <s:textfield name="formhead"  value="" label="Form Heading"/>
   <s:checkbox  name="initiator" fieldValue="yes" 
                label="Click here if initiator"/>
   <s:textfield name="compldays"  value="" label="Complete day"/>
   <s:select label="Department" list="modNameList" 
             name="modNameCheck" id="detail" onchange="chk3()">
       <s:iterator status="stat" value="modNameList">
       </s:iterator>   
   </s:select>
   <div id="reverse" style="position:absolute; left:500px; top:379px;">
   </div>
   <s:textfield  name="getcheckid" value=""/>
   <s:submit value="Save" align="center" />     

</s:form> 

我的ajax代码是:

<script type="text/javascript">        
    chk3=function()
    {
       //alert("hai!!");
       //$("#hide").hide();
       var vals2=$("#detail").val();
       //alert(vals2);
       $.post("userQueueAjaxForm.jsp",{modName:vals2},function getattname(data)
       {
        $("#reverse").html(data);

       });                       
    }    
</script>

我称为复选框的 ajax 是

while(rs.next())
{ 

   %>    

   <input type="checkbox" id='attributeNameCheck[<%=i%>]' name="checkname"  
      onclick="attributeformcreation('queueform1','attributeNameCheck[<%=i%>]');"
      value="<%=rs.getString(1)%>"><%=rs.getString(2)%>

   <%i++;%>

   <%
}   
4

1 回答 1

0

您正在使用 Scriptlet ( <%, <%=...)。

小脚本很糟糕。

我强烈建议看看如何在没有 Scriptlets 的情况下以纯 Struts2 方式重构它......那里有很多例子;)

也就是说,您的问题与 Struts2 或 Ajax 无关,它是简单的 css:

你只是缺少

display: inline-block;

进入您的 div (作为块级元素,默认情况下提供新行)。

然后:

<div id="reverse" style="display: inline-block;"></div>

应该按预期工作。

然后使用 div 的边距/填充来获得所需的结果。

于 2012-11-23T09:31:03.810 回答