如何将数据传递给JavaScript;弹出窗口“;迪夫?

如何将数据传递给JavaScript;弹出窗口“;迪夫?,javascript,popup,Javascript,Popup,我在页面中使用a href“Click Here”链接,如果我们单击它,将使用javascript打开一个弹出式联系人表单,在这里我需要从a href中获取类似“id”的值,以便我可以操作联系人表单 <a href="javascript:showDiv('Showcase_10','<?=$mainrow[1]?>')">Click Here</a> 弹出屏幕: <div id="Showcase_10" style="visibility:hidd

我在页面中使用a href“Click Here”链接,如果我们单击它,将使用javascript打开一个弹出式联系人表单,在这里我需要从a href中获取类似“id”的值,以便我可以操作联系人表单

<a href="javascript:showDiv('Showcase_10','<?=$mainrow[1]?>')">Click Here</a>
弹出屏幕:

<div id="Showcase_10" style="visibility:hidden;">

<div id="fade"></div>
<div class="popup_block">
<div class="popup">
<form action='result.php' onSubmit="return valid()" method="post">
<input type="hidden" name="siteid" value="<? echo $_REQUEST['siteid']; ?>"> <table width="90%" bgcolor="#eff8ff" border="0" style="border:solid; border-width:1px; border-color:#ccc" align="center" cellpadding="2" cellspacing="3" class="small-content">
<tr><td width="6%">&nbsp;</td>
<td colspan="2" align="left" class="subhead">Email Property Details</td>
</tr><tr><td width="6%">&nbsp;</td><td class="cont">Request more information, make an appointment or ask a question. </td>
</tr>
<tr>
<td width="6%">&nbsp;</td>
<td width="94%"><strong>Name</strong><br/>
<input name="name" type="text" class="field1" value=""/>&nbsp;&nbsp;<font color="#FF0000"><strong>*</strong></font></td></tr>
<tr>
<td width="6%">&nbsp;</td>
<td width="94%"><strong>Your Email</strong><br />
<input name="email" type="text" class="field1" id="textfield2" value=''/>&nbsp;&nbsp;<font color="#FF0000"><strong>*</strong></font><br />
<font color="#FF0000" style="font-family: Verdana, sans-serif;font-size : 9pt;" class="form-list">
</font></td>
</tr>
<td colspan="2" align="center"></td>
</tr>
</table>
</form>
</div>
</div>
</div>

在Javascript中:

window.open ("path/to/my/new/html/page.html?id=3","mywindow"); 
就像任何其他页面一样,get可以用来传递您需要的数据,您可能只需要首先对其进行URL编码

编辑:哦。您指的是模式对话框,而不是弹出窗口。在这种情况下,由于数据需要在页面加载后完全在页面上,因此ID可以出现在链接中,因此有2个基本选项:1)预加载所有单击链接的所有数据,并将其存储在javascript本地;2)将此方法分解为ajax调用,并使用ajax数据更新模态对话框控件

1) 为了将其存储在javascript中,您可以轻松地原型化您自己的伪类,以保存每行的所有数据,从而允许您按id将它们存储在关联数组中

function myDataItem(id, field1) {
    this.id = id;
    this.field1 = field1;
    this.field2 = "";      // initialize a property called field2
    this.getInfo = getDataItemIno;
}

function getDataItemIno() {
    return this.field1 + ' ' + this.field2;
}

var items;
items[3] = new myDataItem(3, "datastring");
2) ajax解决方案会稍微复杂一些,我建议使用jQuery来构建/处理所有这些方法,以保持其精简和简单。

在Javascript中:

window.open ("path/to/my/new/html/page.html?id=3","mywindow"); 
就像任何其他页面一样,get可以用来传递您需要的数据,您可能只需要首先对其进行URL编码

编辑:哦。您指的是模式对话框,而不是弹出窗口。在这种情况下,由于数据需要在页面加载后完全在页面上,因此ID可以出现在链接中,因此有2个基本选项:1)预加载所有单击链接的所有数据,并将其存储在javascript本地;2)将此方法分解为ajax调用,并使用ajax数据更新模态对话框控件

1) 为了将其存储在javascript中,您可以轻松地原型化您自己的伪类,以保存每行的所有数据,从而允许您按id将它们存储在关联数组中

function myDataItem(id, field1) {
    this.id = id;
    this.field1 = field1;
    this.field2 = "";      // initialize a property called field2
    this.getInfo = getDataItemIno;
}

function getDataItemIno() {
    return this.field1 + ' ' + this.field2;
}

var items;
items[3] = new myDataItem(3, "datastring");

2) ajax解决方案会稍微复杂一些,我建议使用jQuery来构建/处理所有这些方法,以使其保持精简和简单。

最简单的方法是在弹出窗口的url中传递id

最简单的方法是在弹出窗口的url中传递id

显示如何做到这一点。从何处获取值?你能展示一些代码并说明你需要什么吗?您想如何操作?该值类似于用户id,我需要在该特定用户将该表单提交到数据库后存储该用户id的联系表单,以供您参考,下面是a href链接。当弹出调用屏幕4,即4时,用户id是我需要得到的;你仍然支持那些浏览器吗?展示你是如何做到的。从哪里获得什么价值?你能展示一些代码并说明你需要什么吗?您想如何操作?该值类似于用户id,我需要在该特定用户将该表单提交到数据库后存储该用户id的联系表单,以供您参考,下面是a href链接。当弹出调用屏幕4,即4时,用户id是我需要得到的;你还在支持那些浏览器吗?嗨,Joel Etherton,谢谢你的支持。德维希·乔尔·埃瑟顿,谢谢你的支持。德维