0

我有带有 AZ 字母的标签。为此我写了这个

    <div id="tabs">
      <ul>
        <li><a href="#tabs-1">By First Name</a></li>
      </ul>
      <div id="tabs-1">
        <ul class="find-agent">
          <?php for ($char=65; $char < 91; $char++ )
          echo '<li><a href="'.site_url().'/members/?filterby=first_name&filter='. chr($char).'">'.chr($char).'</a></li>';?>
          <form id="members-search" action="members">
            <input type="text" name="q" size="100" style=" margin: 0; "/>
            <input type="submit" value="Search" placeholder="Type a Agent Name" class="btn btn-primary"/>
          </form>
        </ul>
      </div>
  </div>

现在我想得到这封信，当我点击这封信时。以这种方式可能吗，或者我必须使用 get 方法来获取被点击的字母。

4

3 回答 3

2

如果您只想使用 PHP 来获取信件，那么 $_GET 或 $_REQUEST 将是您的方法。除此之外，您可以查看使用 jquery 之类的东西向链接添加点击事件，这将为您提供信函客户端。

无论页面位于 /members/ （希望是 php 页面），您都应该能够使用 $_GET['filter'] 或 $_REQUEST['filter'] 访问字母（过滤器）

于 2013-09-11T07:52:44.830 回答
2 
$('.find-agent').on('click', 'li', function() {
    var letter = $(this).text();

    // Do whatever you want with the letter
    alert(letter);
});

演示：http: //jsfiddle.net/BudZ2/2

于 2013-09-11T07:54:08.510 回答
0

我建议使用 JQuery Ajax 向您的“成员”页面发送 GET 请求。这样，您可以在将其发送到服务器之前预先检查单击了哪个字母，并且您可以动态加载名称列表，而不必重新加载整个页面。

<script type="text/javascript">
$(document).ready(function() {  
    $(".alphabet").click(function(){
     var selected_letter= $(this).text());
     /* if you want to do something with this letter before sending it to the  
      * server here is your chance.
      */
    $.ajax({
          type: "GET",
          url: 'your_site/members/?filterby=first_name&filter='+selected_letter,
          success: function (list_of_names) {
              // do something with this list
          }
        }); 
    }); 
});

</script>
<div id="tabs">
      <ul>
        <li><a href="#tabs-1">By First Name</a></li>
      </ul>
      <div id="tabs-1">
        <ul class="find-agent">
          <?php for ($char=65; $char < 91; $char++ )
          echo '<li class="alphabet">'.chr($char).'</li>';?>
          <form id="members-search" action="members">
            <input type="text" name="q" size="100" style=" margin: 0; "/>
            <input type="submit" value="Search" placeholder="Type a Agent Name" class="btn btn-primary"/>
          </form>
        </ul>
      </div>
  </div>
于 2013-09-11T08:23:56.517 回答