【问题标题】:php href change variable same page without refreshingphp href更改变量同一页面而不刷新
【发布时间】:2016-10-19 15:41:39
【问题描述】:

我正在尝试将带有书签链接的变量更改为 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>

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

【问题讨论】:

  • 你为什么不用按钮之类的东西呢?
  • 它是表格列表的一部分,可能超过数千个链接。 href的速度更好。

标签: javascript php html css


【解决方案1】:

如果你真的希望在 href 中执行 javascript,可以这样做:

&lt;a id="myLink" href="javascript:MyFunction();"&gt;link text&lt;/a&gt;

但这样更好:

&lt;a id="myLink" href="#" onclick="MyFunction();return false;"&gt;link text&lt;/a&gt;

为什么更好?因为 return false 会阻止浏览器跟踪链接

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

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-02-16
    • 1970-01-01
    • 2010-12-26
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多