javascript - 使用 CSS 和最小的 jquery 或 javascript 形成普通文本

Question

我的 HTML 页面中有一个包含各种标签(复选框、下拉列表等)的表单，单击一个按钮我想在弹出窗口中显示与普通文本相同的表单。对于弹出窗口，我使用的是 jQuery 对话框。

使用以下代码，我可以在弹出窗口中显示相同的表单。但它以具有可编辑字段的形式出现。

var dialogHtml = jQuery('#requestForm').html();
            jQuery(dialogHtml).dialog();

是否可以在弹出窗口中以不可编辑的文本格式更改相同的表单。我不想为弹出窗口编写相同的代码。

实际上，需求是这样的，我有一个需要填写的表格，在提交该表格时，我需要显示订单号以及该表格的数据。 OrderNumber + 我动态获取的其他一些 HTML 数据。

Answer 1

是的。为所有新字段设置 disabled 属性。

var dialogHtml = jQuery('#requestForm').clone(); // must use clone() here
dialogHtml.find("input").attr( "disabled", "disabled");
jQuery(dialogHtml).dialog();

此处示例:http://jsfiddle.net/tH8yv/