如何将值从HTML表传递到JQuery Dialog？
我需要的是这样的：我在一个html页面中有一个表，其中包含几行。 每行包含一些数据，如颜色，质量，位置等，但我想隐藏表中的所有数据，只显示“详细信息”链接，一旦我点击链接，将弹出一个JQuery对话框并显示所有信息。 我是JQuery的绿色手，所以完全迷失了如何实现它。 在网上进行了大量的研究，但仍然不知道如何让我自己的案例工作。
我的表结构看起来像：
我需要的是这样的：我在一个html页面中有一个表，其中包含几行。 每行包含一些数据，如颜色，质量，位置等，但我想隐藏表中的所有数据，只显示“详细信息”链接，一旦我点击链接，将弹出一个JQuery对话框并显示所有信息。 我是JQuery的绿色手，所以完全迷失了如何实现它。 在网上进行了大量的研究，但仍然不知道如何让我自己的案例工作。
我的表结构看起来像：
我的JS函数看起来像：
$(function() { var name,email; $('#create-dialog').button.click(function(){ name=$(this).find('name').val(); email=$(this).find('email').val(); $(this).find('dialog-form').dialog("open"); }); $(this).find('dialog-form').dialog({ autoOpen: false, height: 300, width: 350, modal: true}); });
我知道JSfunction可能看起来很奇怪，请帮助任何纠正和改进。 谢谢！！
我想总是练习几个关键点：
以下是我的解决方案：
1）标记以下所有样式：
2）用以下内容替换html里面的标签。 请注意关键更改，我已将此属性替换为此html中所有按钮的类，因为我们需要将click事件绑定到具有css类’create-dialog’的所有按钮。
3）在body的末尾添加一个div，其内部html将由jquery.dialog函数用来显示它的内容。 只要单击按钮，就会动态添加内容
4）添加以下javascript（包括jquery和jquery-ui库之后）：
希望这可以帮助。
我在我的页面中创建了相同的场景，但是我做了一个单独的HTML页面，其中包含我的表单。 在我的页面中，如果我单击按钮，它将打开一个弹出的对话框，显示我的HTML表单。
这就是我希望它可以给你一个想法。
这是我的按钮https://stackoverflow.com/questions/17689420/how-to-pass-values-from-html-table-to-jquery-dialog/…https://stackoverflow.com/questions/17689420/how-to-pass-values-from-html-table-to-jquery-dialog/…
这是我的div标签
单击按钮后，它将调用我的jquery函数
$(function(){ $(".hero-unit input[name=add_item]").on('click',function(){ $('#popup').load("").dialog({ title: "Add New Item", autoOpen: true, width: 450, modal:true, open: function (event, ui) { window.setTimeout(function () { jQuery(document).unbind('mousedown.dialog-overlay').unbind('mouseup.dialog-overlay'); }, 100); }, }); });
希望这可以帮助。 但如果不是只告诉我。 顺便说一下，我正在使用Codeigniter。