使用jquery模式框和ajax显示单元格表中的值

使用jquery模式框和ajax显示单元格表中的值,jquery,html,jquery-ui,grails,modal-dialog,Jquery,Html,Jquery Ui,Grails,Modal Dialog,我试图通过使用Jquery模态对话框将值传递给控制器来实现更新功能。但是,当我在一个HTML表格框中显示我的值时,是否有方法将值从表格行传递到模式框?我想这样做,当我单击行时,值将显示在模式中。我还不确定如何将jquery对话框链接到表行 这是桌子 这些是它的代码 <form id="searchtable" > <%--List Table--%> <table border = 1 cellpaddi

我试图通过使用Jquery模态对话框将值传递给控制器来实现更新功能。但是,当我在一个HTML表格框中显示我的值时,是否有方法将值从表格行传递到模式框?我想这样做,当我单击行时,值将显示在模式中。我还不确定如何将jquery对话框链接到表行

这是桌子

这些是它的代码

<form id="searchtable" >
               <%--List Table--%>
               <table border = 1 cellpadding = 2  cellspacing = 2 id="normal">
              <tr>
                 <th width=9.7%>ID</th>
                 <th width=24%>Username</th>     
                 <th width=13%>Account ID</th>
                 <th width=29%>Email</th>
                 <th width=10%>User ID</th>
                 <th width=12%>Device ID</th>         
              </tr>
         </table>

              <div style="height: 250px; overflow: scroll; width: 100%;">
              <table id="normal">
              <g:each in = "${result}">
              <tr>
              <td width=10%>${it.ID}</td>
              <td width=25%>${it.Username}</td>
              <td width=13.5%>${it.account_id}</td>
              <td width=30.5%>${it.email}</td>
              <td width=10.5%>${it.user_id}</td>
              <td width=13%>${it.device_id }</td>
              </tr>
              </g:each>


              </table>
         </div>        
    </form>

身份证件
用户名
帐户ID
电子邮件
用户ID
设备ID
${it.ID}
${it.Username}
${it.account\u id}
${it.email}
${it.user_id}
${it.device\u id}
这是一个显示对话框的示例


非常感谢你们。如果需要,我可以为你们提供代码。

在tr中使用.btn类,并将用户名值包含在tr中

<span class="username">${it.username}</span>

如果您单击tr,它将找到其具有类“username”的子级,并将为您获取数据

在tr中使用.btn类,并将用户名值包含在

<span class="username">${it.username}</span>

如果您单击tr,它将找到其具有类“username”的子级,并将为您获取数据

这听起来很容易做到。。创建模态的代码在哪里?应该使用表中的哪一行?请给我一分钟,我将对此进行更新。哦,很抱歉告诉你最新情况。我不知道如何将click函数链接到tr行,这样当我单击该行时,jquery模式框就会弹出。至于我截屏的对话框,这是另一个创建用户的对话框。我在这里试图做的是,当我单击行时,框弹出,值在里面,它用于编辑用户。这听起来很容易做到。。创建模态的代码在哪里?应该使用表中的哪一行?请给我一分钟,我将对此进行更新。哦,很抱歉告诉你最新情况。我不知道如何将click函数链接到tr行,这样当我单击该行时,jquery模式框就会弹出。至于我截屏的对话框,这是另一个创建用户的对话框。我在这里试图做的是,当我单击行时,框弹出,值在里面,它用于编辑用户。嗨,但我的“按钮”实际上是一行。。我应该把身份证放在我的标签上还是?为了更新表格,我必须提交表格。是的,这也应该有效。如果需要,可以使用它:$('#btn tr')。单击(函数(){…此处的代码…});谢谢,我会试试的。至于'var name=$(“#username”).val();'这一行指的是表中的值?我如何将这些值放入模式对话框?对不起,我误解了你的问题,我已经更新了我的答案。希望这能有所帮助${id.username}我可以切换到吗?非常感谢,我会去试试:)嗨,但我的“按钮”实际上是一排。。我应该把身份证放在我的标签上还是?为了更新表格,我必须提交表格。是的,这也应该有效。如果需要,可以使用它:$('#btn tr')。单击(函数(){…此处的代码…});谢谢,我会试试的。至于'var name=$(“#username”).val();'这一行指的是表中的值?我如何将这些值放入模式对话框?对不起,我误解了你的问题,我已经更新了我的答案。希望这能有所帮助${id.username}我可以切换到吗?非常感谢,我会去试试:)