Question

我有带有A-Z字母的标签。因为我写了这个

    <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方法来获取被点击的字母。

Answer 1

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

无论页面在/ members /（希望是一个php页面），您应该能够使用$ _GET ['filter']或$ _REQUEST ['filter']

访问该字母（过滤器）

Answer 2

$('.find-agent').on('click', 'li', function() {
    var letter = $(this).text();

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

DEMO：http://jsfiddle.net/BudZ2/2

Answer 3

我建议使用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>

当我点击那封信时收到这封信

3 个答案: