使用jsp基于单选按钮选择更新表

时间:2012-06-06 06:07:13

标签: javascript jsp radio-button

我想基于单选按钮选择更新表。我有一个iframe,表格显示在iframe中以及单选按钮,当我选择单选按钮时,文本区域将显示在父页面中。现在我想根据我选择的单选按钮更新表格,方法是输入父页面中单选按钮生成的文本区域中的值。我尝试了最好的并且得到了空指针exception.i使用了javascript来显示textarea从iframe到父页面。

Design page:dailylog.jsp

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ page import = "java.io.*,java.sql.*" %>
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>JSP Page</title>
    <script language="javascript">
        function showArea(data)
        {
         alert(data);
            document.getElementById("tt").value="";

            document.getElementById('textDesc').style.display='';

        }                       
        function hideArea()
        {
            document.getElementById('textDesc').style.display='none';

        }
   </script>

</head>
<body onload="hideArea();">
    <form target="if" action="dailylogdb.jsp" >
        <label>Description</label><br>
        <textarea cols="35" rows="8" name="ta" id="tt"></textarea><br>
        <input type="submit" value="enter">
<!--            <input type="text" name="txt" id="txtId">-->
</form>


    <form target="if"  action="dailylogdb.jsp">
    <div id="textDesc">
<!--            <input type="button" value="1234568"/>-->
        <label>Comments</label><br>
        <textarea cols="35" rows="8" id="area" name="data" ></textarea><br>
        <input type="submit" value="enter" id="area1">
    </div>
</form>
<center>
    <iframe src="" name="if" width="600" height="350"></iframe>
</center>
</body>
</html>

后端:dailylogdb.jsp

这个脚本“函数调用(数据)”将被传递给父页面,它将调用showarea并显示textarea和父页面中的按钮,当我从子页面点击radiobutton时会发生这种情况。我需要为了执行行更新,单选按钮的值。页面加载时,将显示带有名称描述的textarea,存储描述并使用单选按钮在iframe中显示输出。当我们单击radbut a textarea时名称注释将显示在父页面中,我需要根据radion按钮selection.how更新注释以获取radiobutton的值并执行更新

  function call(data) 
  {
  parent.showArea(data);
  }

<table cellpadding="15" border="1">
    <tr>
        <th>Sno</th>
        <th>Time</th>
        <th>Date</th>
        <th>Description</th>
        <th>Comments</th>
        <th>Select</th>
    </tr>

   <%
   while(rs.next())
           {

    %>
    <tr>
        <td><%=rs.getString("sno") %></td>
        <td><%=rs.getString("Time") %></td>
        <td><%=rs.getString("Date") %></td>
        <td><%=rs.getString("Description") %></td>
        <td><%=rs.getString("Comments") %></td>                          
        <td><input type="radio" id="my" name="rad" onclick="call(<%=rs.getString("sno")%>);" value="<%=rs.getString("sno")%>"></td>
    </tr>

<%  

}    
%>
  </table>

0 个答案:

没有答案