window.open 具有提交输入类型的 createElement('form') 未调用操作

Question

我正在尝试在 javascript

中打开一个带有自定义表单的新 window

在表单中，我有一些字段和操作以及提交输入（请注意该元素应该是输入类型=提交

但是，当点击弹出窗口中的提交按钮时 window，提交操作没有执行。

    var map = window.open("","editormap",'width=600,height=600,scrollbars=no,resizable=no');
    
        var mapForm = map.document.createElement('form');
        mapForm.target = "editormap";
        mapForm.id="inpForm";
        mapForm.method = "POST"; 
        mapForm.action = "/dashboard/save/"+val1+"/"+val2;
    
      var mapInput3 = map.document.createElement('input');
      mapInput3.type = 'submit';
      mapInput3.name = 'submit';
      mapInput3.value = 'Submit';
      mapForm.appendChild(mapInput3);
    
       var  mapInput = map.document.createElement('input');
        mapInput.type = "button";
        mapInput.name = "cancel";
        mapInput.value = "Cancel";
        mapInput.onclick=map.close;
        mapForm.appendChild(mapInput);
        
    
      var  mapInput1 = map.document.createElement("textarea");
        mapInput1.name = "code";
        mapInput1.value = repoValues;
        mapForm.appendChild(mapInput1);
        
     var mapInput2 = map.document.createElement("input");
     mapInput2.type = "hidden";
    mapInput2.name = "filename";
    mapInput2.value = 'some data';
    mapForm.appendChild(mapInput2);
    
   map.document.body.appendChild(mapForm);

我也试过如下绑定

var parentForm = document.createElement.bind(document);
var mapForm = parentForm('form');

提交仍然没有执行请求的操作。

请帮助或指导正确的方向。

Answer 1

由于 window 有一个空位置，相对 URL 没有基数 URL 可以解释为相对。所以你需要在 action URL.

中提供完整的 URL

        mapForm.action = "https://www.example.com/dashboard/save/"+val1+"/"+val2;

DEMO

（Stack Snippets 不允许弹出 windows，所以我不得不使用 jsfiddle 进行演示。）

window.open 具有提交输入类型的 createElement('form') 未调用操作

window.open createElement('form') with submit input type is not calling the action

javascript

window.open

createelement