编辑:如何将变量从锚链接传递给div

时间:2018-04-10 10:45:18

标签: php html

我正在尝试从锚链接传递变量并将其显示在表单上的div中,以便我可以发布变量。这是我的主播:

if($Count2 == 0) {
echo "<tr>";
}
echo "<td align='left' class='roomviewred'>
<span class='roomName'>
<div class='show_login'><a href='#Record?<?php echo $RoomNo2; ?>'></a>$RoomNo2</div>
</span>
<span class='auditMonth2'>$AuditMonth</span>
</td>";
} 
$Count2 = 0;
echo "</tr>

表格:

<div class = "loginform">
<form method = "post" action = "clear_faults_submit.php" target="_self">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2">&nbsp;</td>
</tr>
<tr>
<td class="ButtonText"></td>
<td><input type = "password" id = "password" name = "password" placeholder = "***"></td>
</tr>
<tr>
<td colspan="2"><div id="Record"></div></td>
</tr>
<tr>
<td colspan="2">&nbsp;</td>
</tr>
<tr>
<td width="50%" align="center"><input type = "image" id = "dologin" src = "images/login.png"></td>
<td width="50%" align="center"><input type = "image" id = "close_login" src = "images/cancel.png"></td>
</tr>
<tr>
<td colspan="2">&nbsp;</td>
</tr>
<tr>
<td colspan="2"></td>
</tr>
</table>
</form>
</div>

JavaScript:

$(document).ready(function()
{
 $(".show_login").click(function(){
  showpopup();
 });
 $(".close_login").click(function(){
  $('.show_login').hide();
 });
});

function showpopup()
{
 $(".loginform").fadeIn();
 $(".loginform").css({"visibility":"visible","display":"block"});
}

function hidepopup()
{
 $(".loginform").fadeOut();
 $(".loginform").css({"visibility":"hidden","display":"none"});
}

我花了好几个小时尝试不同的方法,根据我的阅读,上面的代码应该可行。它没有,所以我一定做错了。

非常感谢你的时间。

这是我解决问题的方式。

EDITED

这就是我解决问题的方法。对于我的链接代码,我现在有:

<div class="show_login"><a  href="#<?php echo $RoomNo2;?>" class="testClick"><span class="RommDisplay"><?php echo $RoomNo2;?></span></a></div>

我添加了一个名为&#34的课程; Click&#34;,&#34; class =&#34; Click&#34;&#34;。单击链接时,类=&#34;单击&#34;由以下JQuery函数捕获并生成一个 变量调用&#34; anchorValue&#34;并将结果分配给另一个名为&#34; room&#34;的变量。然后,我使用&#34; room&#34;将数据导入document.getElementById中 我可以在弹出窗口中使用。这可能不是最优雅或最整洁的方式,但它确实有效。

$(document).ready(function(){
$(".Click").click(function () {
    var anchorValue= $(this).attr("href");
    var room = (anchorValue[0] == '#') ? anchorValue.substr(1) : anchorValue;

 $(".show_login").click(function(){
 document.getElementById('Record').innerHTML=room;
 document.getElementById('Room').innerHTML=room;
  showpopup();
 });
 $(".close_login").click(function(){
  $('.show_login').hide();
 });
});

function showpopup()
{
 $(".loginform").fadeIn();
 $(".loginform").css({"visibility":"visible","display":"block"});
}

function hidepopup()
{
 $(".loginform").fadeOut();
 $(".loginform").css({"visibility":"hidden","display":"none"});
}
});

在我的弹出窗口中,我保留了以下值:

<input type="hidden" id="Room" name="Room" /><div id="Record"></div>

1 个答案:

答案 0 :(得分:2)

这是获取请求。

所以在你的链接中给你的请求命名。 <div class='show_login'><a href='#Record?variable=<?php echo $RoomNo2; ?>'></a>$RoomNo2</div>现在我们可以通过$ _GET ['variable']

获得价值

在#Record

<div id="Record">
   <?php isset($_GET['variable']) ? $_GET['variable'] : '' ?>
</div>

这是短暂的,如果其他状态。 Remeber总是检查变量是否存在将其写入屏幕,否则会抛出未定义的错误