Question

在jsp文件中，我根据用户发票或购买创建动态表。我创建表没有问题。问题是，我href该行的第一个字段（发票号），并希望显示一个表格，其中包含该特定发票号的详细信息。表单弹出在同一屏幕上，并带有关闭按钮返回列表并单击另一个发票号。如何根据用户点击服务器的发票号码并填写href表单来传递发票号码？

这是创建表的html：

    <table class="tableinvoice" >
            <tr>
            <th scope="col" >Invoice number</th>
            <th scope="col">Name</th>
            </tr>
        <tbody>     
        <tr>
            <td> <a href="#form" id='formid'> <%= ls.get(0) %> </a></td>
            <td> <%= ls.get(1) %></td>
        </tr>               
        </tbody>
    </table>

这是同一个jsp上的html形式：

 <div id="form" class="overlay">
  <div class="popup">
    <a class="close" href="#">×</a>
    <div class="content">
       *****invoice information here***
    </div>
</div>

欢迎任何其他建议来实现这一目标

Answer 1

将发票编号放在数据属性

中

<a class="invoice-link" href="#form" id='formid' data-inv="1223">

然后简单的ajax获取数据并打开模态：

$('.invoice-link').click(function(e){
     e.preventDefault();
     var $link = $(this),  
         $form_modal = $( $link.attr('href') ),
         inv = $link.data('inv'),
         api_url = '/path/to/server/' + inv;

     // use `$.ajax` shorthand method to retrieve html
     // or use `$.getJSON` and a template
     $form_modal.find('.content').load(api_url, function(){
          // html from server exists now
          // run the modal open code here
          $form_modal.modalScriptOpen()
     });
});

从动态表中获取文本的值并传递给servelet

1 个答案: