视图源内部表单操作

Question

我需要创建一个以视图源格式打开网址的表单

我尝试在动作中添加“view-source”，在视图源模式下打开新网址，但不在网址中添加形式参数

<form action="view-source:http://yahoo.com" target="_blank">
  Key: <input type="TEXT" name="key" required>
</form>

以上将在view-source中打开yahoo.com，但没有在表单中输入的？key = abc

如果我从动作中删除了view-source，它会添加参数但是我必须手动点击view-source

我正在使用chrome，不确定其他浏览器将如何操作

有人想到吗？ TX Tomer的

Answer 1

如果您愿意添加一些JavaScript：

document.getElementById( 'view-source-form' ).onsubmit = function() {
    this.action += "?key=" + this.key.value;
};

这会更改表单的操作URL以包含参数。您还需要将id="view-source-form"添加到表单标记中，或使用其他方式来定位表单。

Answer 2

最终我使用jquery

找到了以下解决方案

$("#form").submit(function(event) {
    $("#form").attr("action", "view-source:" + $("#form").attr("action") + "?" + $("#form").serialize());
});

在将id =“form”添加到FORM标记

后，似乎可以很好地完成这项工作