首页 \ 问答 \ 删除不适用于JSP中使用for循环的每个id(Deletion not working for every id using for loop in JSP)

删除不适用于JSP中使用for循环的每个id(Deletion not working for every id using for loop in JSP)

我有记录表。 其中包含删除选项。 当点击删除时,它将弹出一个文本区域,然后单击确定弹出它将删除该记录。 它仅适用于第一条记录。 当我点击第二条记录时,它无法正常工作。 我以为这是id问题。 但我没有想到解决这个问题。

这是我的代码。

<%for(int i=0;i<joborderlist.size();i++){ %>
        <tr>
            <td><%=i+1 %></td>
            <td><%=joborderlist.get(i).getSno()%></td>
            <td><%=joborderlist.get(i).getJobCreatesOnasString()%></td>
            <td><%=joborderlist.get(i).getCaseno()%></td>
            <td><%=joborderlist.get(i).getAdjustername()%></td>
            <td><%=joborderlist.get(i).getOwnername()%></td>
            <td><a href="#" style="text-decoration:none;border-bottom:1px solid black;" id="delete">Cancel
                </a>
            </td>

             </tr>
        <div id="backsheet"></div>
            <div id="popupBox">
                  <span class="buttonClose">X</span> 
                  <div id="top1">
                </div><BR><BR>
                  <form class="form-horizontal" role="form" action="${pageContext.request.contextPath}/DeleteRecords" method="post" id="wlogForm" autocomplete="off">
                    <!-- hidden values -->
                    <input type="hidden" name="joborder_id" value="<%=joborderlist.get(i).getSno()%>" id="branchid">
                    <input type="hidden" name="deleted_by" value="<%=session.getAttribute("emp_email")%>" id="branchid">
                    <span class="title_txt"><span id="add_ttl">Reason :</span></span>
                    <textarea rows="5" cols="50" name="reason" id="reason" style="margin: -34px 7px -30px 6px;"></textarea><br>
                    <br>
                    <br>
                   <div><span id="reasonmsg" style="color: red;margin-right: 190px;"></span></div>
                  <div class="submit"><input id="branchbutton" type="submit" value="Ok" name="submit" onclick="return validation();" style="margin-left: 115px;"/>
                                      <input id="branchbutton" type="button" value="Cancel" name="submit" class="buttonCancel" style="margin: 17px 0px 0px 19px;"/>
                  </div>
                 </form>
               </div>
             <%}%>  

这是我弹出的脚本

<script type="text/javascript">
           $(document).ready(function() {
             $("#delete").click(function() {
                    $('#branchbutton').show();
                    $("#popupBox").show();
                    $("#backsheet").show();
                        $(".buttonClose").click(function() {
                            $("#popupBox").hide();
                            $("#backsheet").hide();
                         });
                   $(".buttonCancel").click(function() {
                        $("#popupBox").hide();
                        $("#backsheet").hide();
                       });
                   });
                });
         </script>

这是我的记录表

在此处输入图像描述

请帮帮我。


I have table of records. which contains deletion option. when on click delete it will popup one text area and then on click ok in that popup it will delete that record. It is working only for the first record. when i click on second record it is not working. I thought it is id problem. But i didn't get any idea to solve this problem.

Here is my code.

<%for(int i=0;i<joborderlist.size();i++){ %>
        <tr>
            <td><%=i+1 %></td>
            <td><%=joborderlist.get(i).getSno()%></td>
            <td><%=joborderlist.get(i).getJobCreatesOnasString()%></td>
            <td><%=joborderlist.get(i).getCaseno()%></td>
            <td><%=joborderlist.get(i).getAdjustername()%></td>
            <td><%=joborderlist.get(i).getOwnername()%></td>
            <td><a href="#" style="text-decoration:none;border-bottom:1px solid black;" id="delete">Cancel
                </a>
            </td>

             </tr>
        <div id="backsheet"></div>
            <div id="popupBox">
                  <span class="buttonClose">X</span> 
                  <div id="top1">
                </div><BR><BR>
                  <form class="form-horizontal" role="form" action="${pageContext.request.contextPath}/DeleteRecords" method="post" id="wlogForm" autocomplete="off">
                    <!-- hidden values -->
                    <input type="hidden" name="joborder_id" value="<%=joborderlist.get(i).getSno()%>" id="branchid">
                    <input type="hidden" name="deleted_by" value="<%=session.getAttribute("emp_email")%>" id="branchid">
                    <span class="title_txt"><span id="add_ttl">Reason :</span></span>
                    <textarea rows="5" cols="50" name="reason" id="reason" style="margin: -34px 7px -30px 6px;"></textarea><br>
                    <br>
                    <br>
                   <div><span id="reasonmsg" style="color: red;margin-right: 190px;"></span></div>
                  <div class="submit"><input id="branchbutton" type="submit" value="Ok" name="submit" onclick="return validation();" style="margin-left: 115px;"/>
                                      <input id="branchbutton" type="button" value="Cancel" name="submit" class="buttonCancel" style="margin: 17px 0px 0px 19px;"/>
                  </div>
                 </form>
               </div>
             <%}%>  

This is my script for popup

<script type="text/javascript">
           $(document).ready(function() {
             $("#delete").click(function() {
                    $('#branchbutton').show();
                    $("#popupBox").show();
                    $("#backsheet").show();
                        $(".buttonClose").click(function() {
                            $("#popupBox").hide();
                            $("#backsheet").hide();
                         });
                   $(".buttonCancel").click(function() {
                        $("#popupBox").hide();
                        $("#backsheet").hide();
                       });
                   });
                });
         </script>

This is my records table

enter image description here

Please help me.


原文:https://stackoverflow.com/questions/37177152
更新时间:2020-08-03 07:48

最满意答案

正确关闭您的第一次单击事件,使用$(this).closest('.form-horizontal')来获取相关元素:

在链接中添加一个类

<td><a href="#" style="text-decoration:none;border-bottom:1px solid black;" class="cancel">Cancel
                </a>
            </td>

JS:

  <script type="text/javascript">
               $(document).ready(function() {
                 $(".cancel").click(function(e) {
                       e.preventDefault();
                        $(this).closest('tr').find("#backsheet").show();
                   });
                   $(".buttonClose").click(function() {
                       $(this).closest('#backsheet').hide();
                   });
                   $(".buttonCancel").click(function() {
                        $(this).closest('#backsheet').hide();
                   });

                 });
    </script>

您需要了解如果您有一个循环,则需要循环中元素的类


Properly close your first click event,use $(this).closest('.form-horizontal') to get the relative elements:

add a class to the link

<td><a href="#" style="text-decoration:none;border-bottom:1px solid black;" class="cancel">Cancel
                </a>
            </td>

js:

  <script type="text/javascript">
               $(document).ready(function() {
                 $(".cancel").click(function(e) {
                       e.preventDefault();
                        $(this).closest('tr').find("#backsheet").show();
                   });
                   $(".buttonClose").click(function() {
                       $(this).closest('#backsheet').hide();
                   });
                   $(".buttonCancel").click(function() {
                        $(this).closest('#backsheet').hide();
                   });

                 });
    </script>

You need to learn that if you have a loop you need classes to the elements in the loop

2016-05-12

相关问答

更多

删除不适用于JSP中使用for循环的每个id(Deletion not working for every id using for loop in JSP)

正确关闭您的第一次单击事件,使用$(this).closest('.form-horizontal')来获取相关元素: 在链接中添加一个类 <td><a href="#" style="text-decoration:none;border-bottom:1px solid black;" class="cancel">Cancel </a> </td> JS: <script type="text/javascript"> ...

jsp dropdownlist无法正常工作(jsp dropdownlist not working)

您忘记了导入JSTL 标记库 。 将以下taglib指令添加到JSP。 <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> You've forgotten to import the JSTL tag library. Add the following taglib directive to your JSP. <%@ taglib uri="http://java.sun.com/jsp/jstl/core" p ...

jsp autocomplete =“off”不适用于Chrome或Firefox(jsp autocomplete=“off” not working in Chrome or Firefox)

我认为问题在于浏览器使用易于使用的自动表单填充的更高实现。 即使指定autocomplete="off" ,谷歌浏览器仍然会填写这些密码,但是我们可以用可预测的方式来打破这个功能,从而实现我们正在寻找的功能。 注意:禁用密码自动填充的一个可靠原因是CSRF预防,如此处所述。 考虑以下: <form action="login.asp" method="post" class="form-horizontal" name="login-form" role="form" autocomplete=" ...

没有从for循环获取JSP的'index'值到if循环(Not getting the 'index" value from for loop to the if loop in the JSP)

它实际上它是标签中的一些冲突 它应该是这样的 <c:forEach var="index" begin="1" end="<%=a%>" step="1" varStatus="status"> <c:choose> <c:when test="${page_id==index}"> ...

用JSP跳过x循环(Skip x loop with JSP)

你应该只使用n % 4 ,所以n % 4 == 0 , n % 4 == 1 , n % 4 == 2 , n % 4 == 3 。 每次迭代n % 2为0 ,每两次迭代n % 2为0 You should only use n % 4, so n % 4 == 0, n % 4 == 1, n % 4 == 2, n % 4 == 3. n % 1 is 0 every iteration, n % 2 is 0 once every two iterations etc.

不能在JSP中使用“for”循环(Can't use a “for” loop in JSP)

您发布的代码中唯一可以获取null对象的地方就在该行中 Integer number = (Integer)request.getAttribute("num"); 如果您的请求没有设置此属性,则应该不执行任何操作,例如将其余代码包装在if(number == null) { ... }块中或显式初始化,例如if(number == null) number = 0; 但是,在JSP中没有任何脚本块是最优雅的 - 而是使用taglib和EL - 但这不能回答你的确切问题,只是引导你走向更好(可维 ...

如何在JSP中创建自动生成的id(How to create auto generated id in JSP)

在MySQL默认设置中,如果插入NOT NULL值,则auto_increment值不会用于插入的行。 鉴于,你的表看起来像这样: CREATE TABLE employees ( id MEDIUMINT NOT NULL AUTO_INCREMENT, name VARCHAR(30) NOT NULL, PRIMARY KEY (id) ); 要么像这样插入: INSERT INTO employees ( id, name ) VALUES ( NULL, ...

can for loop可以在jsp中使用吗?(can for loop can be used in jsp?)

你永远不会在你的循环中增加i int i=0; for(String s:q) { ques[i]=Integer.parseInt(s.trim()); } 应该 int i=0; for(String s:q) { ques[i]=Integer.parseInt(s.trim()); i++; } 要么 int i=0; for(String s:q) { ques[i++]=Integer.parseInt(s.trim()); } You never ...

JSP + SQL(使用Like)(JSP + SQL (Using Like))

SQL参数仅允许在具有感知“值”的位置。 被拒绝代替桌子或柱子。 "SELECT * FROM patients WHERE ? like ? ORDER BY id" -- bad, field 'substitution' is not alowed "SELECT * FROM ? WHERE id like ? ORDER BY id" -- bad, column is not alowed "SELECT * FROM patients WHERE Name like ? ...

如何在jsp页面中添加递增ID(how can i add an incrementing id to the jsp page)

你不应该把你自己的循环,而是你可能有结果集/集合对象的db记录的上层循环。 因此,在循环中增加一个变量并将该变量用作ID。 如果您正在进行POC,请在Scriptlet中进行 <% int id = 1 ; %> <% for(Files file : files) { %> <tr> <td><%=id %></td> <td><%=file.filedate%></td> <td><%=file.filename%></td> <td><%=file.us ...

相关文章

更多

最新问答

更多
  • 提交的编译错误 - UVA(Compilation error for submission - UVA)
  • 在Windows中编译Qt时出现致命错误(Fatal error when compiling Qt in Windows)
  • 如何在bootstrap 3中垂直居中文本?(How to vertically center text in bootstrap 3?)
  • 使用管道时“文件名,目录名称或卷标语法不正确”。(When using pipe getting “The filename, directory name, or volume label syntax is incorrect.”)
  • Node中的Mustache和Express(Mustache and Express in Node)
  • 插入数据库错误SQLSTATE [HY093](insert into database error SQLSTATE[HY093])
  • 将支持页面添加到Web Store扩展页面(Adding Support Page to Web Store Extension Page)
  • expressjs TypeError:无法设置undefined的属性'session'(expressjs TypeError: Cannot set property 'session' of undefined)
  • ASP.Net Web表单友好的URL无法在服务器上运行(ASP.Net Web Forms Friendly URLs not working on server)
  • 捕获表标记内的类并捕获多个项目(Capturing a class inside a table tag and capturing multiple items)
  • 使用输入框填充剩余的DIV标签空间高度(Fill the rest of DIV tag space height with Input Box)
  • Angular2输入调用两次方法(Angular2 Input call twice a method)
  • 使用回旋镖解析整数列表(Parse a list of integers using boomerang)
  • SWT:如何正确对齐工具栏中的项目(SWT: How to right align items in a toolbar)
  • 从所有客户中选择Rails中的最后一条记录(Select from all customers the last record in Rails)
  • 从一个模型到另一个模型的引用var返回Backbone中的默认值(Reference var from one model to another returns defaults in Backbone)
  • 如何允许在android ndk中使用make_shared(how to allow using make_shared in android ndk)
  • 正则表达式 - 从字符串中删除数字[关闭](Regex - delete numbers from string [closed])
  • Python中的递归和列表(Recursion and lists in Python)
  • 我需要编写window.onload = function()来使Javascript工作(I need to write window.onload=function() for Javascript to work)
  • 如何为泛型方法创建委托?(How to create a delegate for a generic method?)
  • Nutch和Elasticsearch 1.1.1(Nutch and Elasticsearch 1.1.1)
  • 如何将arraylist与我的对象相关联?(How to associate an arraylist with my object? [closed])
  • 在C中查找重定向输入文件中的文件结尾(Finding End of File in the Redirected Input file in C)
  • 将三个文件的内容合并为一个(joining the contents of three files into one)
  • 成员函数和类名之间的名称冲突(Name conflict between member function and class name)
  • 如何在laravel 5.3中获取参数?(How to get parameter in laravel 5.3?)
  • 使用带结构的地图作为键 - 值不保存[重复](Using map with structure as key - value doesn't save [duplicate])
  • SQL结果按周,日分组(SQL results grouped by Weeks, Day)
  • 如何检查字符串是否在文件中(How to check if a string is in a file)