2016-10-19 36 views
-1

我试图用书签链接更改变量Div同一页面没有刷新。php href更改变量相同页面无刷新

<a href="#" action="<? $aa=4; ?>" onclick="<? $aa=1; ?>document.getElementById('id01').style.display='block'" >ok1</a> 
 
<a href="#" action="<? $aa=5; ?>" onclick="<? $aa=2; ?>document.getElementById('id01').style.display='block'" >ok2</a> 
 
<a href="#" action="<? $aa=6; ?>" onclick="<? $aa=3; ?>document.getElementById('id01').style.display='block'" >ok3</a> 
 

 
<div id="id01" class="w3-modal"> 
 
<span onclick="document.getElementById('id01').style.display='none'" 
 
    class="w3-closebtn w3-padding-top">&times;</span> 
 
<h2>Header</h2> 
 

 
    <ul class="w3-pagination" style="width:100%;"> 
 
    <li><a href="#" class="tablink" onclick="openCity(event, 'First')">First</a></li> 
 
    <li><a href="#" class="tablink" onclick="openCity(event, 'second')">second</a></li> 
 
    <li><a href="#" class="tablink" onclick="openCity(event, 'third')">third</a></li> 
 
    </ul> 
 

 
    <div id="First" class="w3-container"> 
 
// for example 1 
 
    <? echo $aa; ?> 
 
    </div> 
 

 
    <div id="second" class="w3-container"> 
 
// for example 2 
 
    <? echo $aa; ?> 
 
    </div> 
 

 
<div id="third" class="w3-container"> 
 
// for example 3 
 
    <? echo $aa; ?> 
 
    </div> 
 

 
</div>

我需要通过点击上面的链接获得不同的值。

+0

为什么不你使用按钮而不是按钮? –

+0

这是表列表的一部分,可能超过数千个链接。 href的速度更好。 –

回答

0

如果你真的想要的JavaScript的HREF内执行,这是做到这一点的方式:

<a id="myLink" href="javascript:MyFunction();">link text</a>

但这是更好:

<a id="myLink" href="#" onclick="MyFunction();return false;">link text</a>

为什么好?因为返回false将阻止浏览器链接

或者你可以使用jQuery或其他类似的框架通过元素的ID附加onclick处理程序之后,这将是你最好的:

$('#myLink').click(function(){ MyFunction(); return false; });