php href更改變量相同頁面無刷新

Question

我試圖用書籤鏈接更改變量Div同一頁面沒有刷新。

<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>

我需要通過點擊上面的鏈接獲得不同的值。

Answer 1

如果你真的想要的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; });