Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/446.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
JavaScript弹出窗口空白_Javascript_Html_Popup - Fatal编程技术网

JavaScript弹出窗口空白

JavaScript弹出窗口空白,javascript,html,popup,Javascript,Html,Popup,我有一个从json文件中提取数据的表。我正在尝试创建一个功能,当您双击任何一行时,将弹出一个窗口,该窗口将包含所单击行的一些信息。以下是我的一些代码: for (var i = 0; i < data.length; i++) { rowData = data[i]; rowsHtml += "<tr class='mainTableRow'><td>" + rowData.ID

我有一个从json文件中提取数据的表。我正在尝试创建一个功能,当您双击任何一行时,将弹出一个窗口,该窗口将包含所单击行的一些信息。以下是我的一些代码:

 for (var i = 0; i < data.length; i++) {

        rowData = data[i];


        rowsHtml +=

            "<tr class='mainTableRow'><td>" + rowData.ID
            + "</td><td>" + rowData.FirstName
            + "</td><td>" + rowData.LastName
            + "</td><td>" + rowData.DOB
            + "</td><td>" + rowData.Gender
            + "</td></tr>";


     var tbody = document.getElementById("data");
     tbody.innerHTML+= rowsHtml;


   //This gets the values for the pop up window
    var tablerows = document.getElementsByClassName("mainTableRow");
    for(var j=0; j<tablerows.length; j++){
     tablerows[j].addEventListener("dblclick",function(){

      //This is a function that creates a popup window
     //openWindow just contains a window.open function with the name of 
    //my file and a few other parameters such as height/width of the window
      openWindow("myhtmlfile.html");

      //gets textboxes from another HTML file
      var idvalue = document.getElementById("idtextbox");
      var dobvalue = document.getElementById("dobtextbox");

     //Adds values inside textbox. Should be same values for the clicked              //row.
      idvalue.value = rowData.ID;
      dobvalue.value = rowData.DOB;

})
}

}
for(变量i=0;i对于(var j=0;j我不确定您在这里想要做什么,但是

var idvalue = document.getElementById("idtextbox");
无法从新窗口获取值,因为“文档”引用当前页面。以下是有关如何在网页和从该页面打开的窗口之间传递数据的一些信息:


我不太清楚您在这里想做什么,但是

var idvalue = document.getElementById("idtextbox");
无法从新窗口获取值,因为“文档”引用当前页面。以下是有关如何在网页和从该页面打开的窗口之间传递数据的一些信息:


您的问题在于:

var idvalue = document.getElementById("idtextbox");
var dobvalue = document.getElementById("dobtextbox");
您从当前使用的窗口(而不是打开的窗口)获取ID为“idtextbox”和“dobtextbox”的元素

如果您只想在弹出窗口中查看信息,则更简单的方法是:

alert("ID:" + String(rowData.ID) + " DOB:" + String(rowData.DOB));
这将打开一个带有所需文本的弹出对话框

如果您确实需要为此打开一个新窗口,请查看HTML帖子:


或者scrayne提到的。

您的问题在于:

var idvalue = document.getElementById("idtextbox");
var dobvalue = document.getElementById("dobtextbox");
您从当前使用的窗口(而不是打开的窗口)获取ID为“idtextbox”和“dobtextbox”的元素

如果您只想在弹出窗口中查看信息,则更简单的方法是:

alert("ID:" + String(rowData.ID) + " DOB:" + String(rowData.DOB));
这将打开一个带有所需文本的弹出对话框

如果您确实需要为此打开一个新窗口,请查看HTML帖子:


或者是史克莱恩提到的。

谢谢你的帮助!没问题,很高兴我能帮忙。谢谢你的帮助!没问题,很高兴我能帮忙。谢谢你的回复!谢谢你的回复!