JavaScript弹出窗口空白
我有一个从json文件中提取数据的表。我正在尝试创建一个功能,当您双击任何一行时,将弹出一个窗口,该窗口将包含所单击行的一些信息。以下是我的一些代码: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
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帖子:
或者是史克莱恩提到的。谢谢你的帮助!没问题,很高兴我能帮忙。谢谢你的帮助!没问题,很高兴我能帮忙。谢谢你的回复!谢谢你的回复!