Question

我正在使用JSP进行Point of Sale项目，我有一个产品页面，其中使用模态表单添加项目，然后将其添加到mysql中，并显示在数据表中。我使用Reveal modal来设计我的表单。这是我制作的Interface。

添加功能工作得很好，我在编辑时出现问题，当我点击编辑（铅笔图标）刚刚加载的模态框时，我怎样才能将相关项目详细信息转换为模式表单中的项目代码使用jsp或javascript。

我用来显示表格的代码如下

<tbody>

                            <%Product dbObj = new Product();
                                ResultSet rs = dbObj.captureItem();
                                while (rs.next()) {

                            %>
                            <tr id="">
                                <td><a href="" data-reveal-id="editModal"><i class="icon-pencil" name="btnEdit" style="color:black;"</a></i> | <a href=""><i class="icon-remove" style="color:black;"></i></a></td>
                                <td><% out.print(rs.getString("itemCode"));%></td>
                                <td><% out.print(rs.getString("packNo"));%></td>
                                <td><% out.print(rs.getString("itemName"));%></td>
                                <td><% out.print(rs.getString("material"));%></td>
                                <td><% out.print(rs.getString("category"));%></td>
                                <td><% out.print(rs.getString("size"));%></td>
                                <td><% out.print(rs.getString("supplierId"));%></td>
                                <td><% out.print(rs.getString("supplierName"));%></td>
                                <td><% out.print(rs.getDate("purchaseDate"));%></td>
                                <td><% out.print(rs.getInt("quantity"));%></td>
                                <td><% out.print(rs.getDouble("unitPrice"));%></td>
                                <td><% out.print(rs.getDouble("totalPrice"));%></td>
                                <td><% out.print(rs.getDouble("localRate"));%></td>
                                <td><% out.print(rs.getDouble("foreignRate"));%></td>
                                <td><% out.print(rs.getInt("reOrderLevel"));%></td>
                                <td><% out.print(rs.getString("location"));%></td>
                                <td><% out.print(rs.getString("description"));%></td>
                            </tr>
                            <%
                                }
                            %>
                        </tbody>

请帮我把物品代码送到编辑模式框。感谢

Answer 1

我希望你在数组中保留了列名。使用以下代码根据编辑点击

访问项目代码

 columns =["itemCode","packNo","itemName","material","category","size"];
 a={};
 $("td a").click(function(e){
      e.preventDefault(); 
      $(this).parent().nextAll().each(function(index,val){
      a[columns[index]]= $(val).text();
   });
  alert(a.itemCode);
 });

demo

Answer 2

您只能在页面加载时分配jsp值。

在加载时为javascript变量赋值，并在编辑后使用它们

例如：加载页面时声明js全局变量并分配值。

var itemcode=<%= rs.getString("itemCode")%>;
var packNo= '<%= rs.getString("packNo") %>';
var material=<%= rs.getString("material") %>;  etc..

然后在编辑按钮上单击使用这些值。

从表到jquery模式框中检索数据

2 个答案: