0

ラジオボタンの選択に基づいてテーブルを更新したい。iframeがあり、テーブルはラジオボタンと一緒にiframe内に表示されます。ラジオボタンを選択すると、親ページにテキスト領域が表示されます。親ページのラジオボタンによって生成されたテキスト領域に値を入力して、選択したラジオボタンに基づいてテーブルを更新します。最善を尽くしてnullポインタ例外を取得しました。javascriptを使用して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

このスクリプト「functioncall（data）」は親ページに渡され、showareaを呼び出して、テキストエリアとボタンを親ページに表示します。これは、子のページからラジオボタンをクリックしたときに発生します。行の更新を実行するためのラジオボタン。ページの読み込み中に、説明という名前のテキストエリアが表示され、説明が保存され、出力がラジオボタン付きのiframeに表示されます。radbutをクリックすると、コメントという名前のテキストエリアが表示されます。親ページに表示され、ラジオボタンの選択に基づいてコメントを更新する必要があります。ラジオボタンの値を取得して更新を実行する方法

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

0 に答える 0