Question

下面是我的JSP代码。我在JavaScript中有一个名为AddData（）的函数。如果单击添加按钮，则必须将数据插入表中。但是，当我单击添加按钮时，什么也没有发生。代码有什么问题？我是Java Web应用程序的新手。我需要的是单击添加按钮数据时必须将其插入表中。如果这不是正确的方法，请告诉我其他可用的方法。

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
 <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Sales Order</title>
 </head>
   <body>
      <jsp:include page="_header.jsp"></jsp:include>
      <jsp:include page="_menu.jsp"></jsp:include>


        Select Item:
        <select id = "itmSpinner">
            <option value="0">Fluorescent Desk Lamp</option>
            <option value="1">13W Mini Fluorescent Bulb</option>
            <option value="2">Halogen Desk Light</option>
            <option value="3">50W/12V Halogen Bulb</option>
            <option value="4">Desk Note Book</option>
            <option value="5">Desk Calendar Pad</option>
            <option value="6">Bulletin Board</option>
            <option value="7">White Melamine Board</option>
            <option value="8">Dry-erase White Board Markers</option>
            <option value="9">Hanging File Folder</option>
            <option value="10">Letter Figuring Pads</option>
            <option value="11">Highlighter</option>
            <option value="12">Pen</option>
            <option value="13">Pencil</option>
            <option value="14">Calculator</option>
        </select> <br><br>

        Quantity :
        <input type="text" name="qty" id = "qty" /> <b><b><b>  <input id = "addBtn" type="submit" value= "Add" onclick = "AddData()"/>

        <table id = "itemTbl" cellspacing = "0px" cellpadding = "20px" text-align = "center">
            <thead>
                <tr>
                    <td>S.No</td>
                    <td>Item</td>
                    <td>Qty</td>
                </tr>
            </thead>

            <tbody>

            </tbody>
        </table> 


 <jsp:include page="_footer.jsp"></jsp:include>
 <script type="text/javascript">
  function AddData() {
        var itm = document.getElementById("itmSpinner").value;
        var qty = document.getElementById("qty").value;

        rows += "<tr><td>" + qty + "</td><td>" + itm + "</td><td>" + qty + "</td></tr>";
        $(rows).appendTo("#itemTbl tbody");
    }
 </script>
</body>
</html>

Answer 1

您在函数中使用了“行”，但是却忘记了定义变量。像这样更改您的功能。

display.__doc__

Answer 2

请将type="submit"替换为type="button"，然后重试。希望它能工作。

OnClick（）函数在JavaScript中不起作用

2 个答案: