2016-07-13 1 views
-1

나는 foreach 루프가있는 목록을 가지고 있습니다.클릭하면 데이터베이스에서 레코드를 표시합니다. laravel 5.2

<ul> 
    <?php $i = 0?> 
    @foreach ($cards as $card) 
     <li id="{{$i}}"><a href="#">{{$card->title}}</a></li> 
     <?php $i = $i + 1; ?> 
    @endforeach 
</ul> 

id를 기준으로 볼 때 해당 카드의 ID를 표시하려는 링크를 클릭하면 카드 -> id를 표시하고 싶습니다.

<script> 
    var myvar='<?php echo json_encode($cards);?>'; 

    alert(myvar); 
    for(var i=0;i<myvar.length;i++) 
    { 
     $("#"+i).click(function() { 
      alert(myvar); 
     }) 
    } 

</script> 
+0

어디에서 이름을 표시 하시겠습니까? 프로젝트에서 javascript/jquery를 사용할 수 있습니까? 추가 세부 정보를 추가하여 필요한 것을 정확히 강조하십시오. 현재 작성된 내용이므로 귀하가 원하는 내용을 정확하게 말하기는 어렵습니다. –

+0

내 프로젝트에서 jquery를 사용해야합니다. 예! 간단한 div 옆에 표시해야합니다. – user3353610

+0

[Ctrl] + [div]를 포함한 전체보기 코드를 이름에 표시해야하는 위치에 추가하십시오. –

답변

0

이미 foreach 루프의 데이터는 우리가 모든 링크의 다음 DIV 내부의 사용자 이름을 숨길 수 가져 오기 때문에 사용자가 링크를 클릭, 그래서 우리가이 없을 때 우리는 그것을 보여줄 것이다 사용자가 클릭 할 때마다 데이터베이스에 연결합니다.

보기 코드 : 첨부

<ul> 
    @foreach(User:all() as $user) 
     <li> 
      <a href='' class='my-link'>{{$user->id}}</a> 
      <div class='name' style="display: none">{{$user->name}}</div> 
     </li> 
    @endforeach 
</ul> 

추가 기능 자바 스크립트 코드 당신이보기에 이름 .name을 표시 할 위치

당신은 당신의 연결 my-link에 클래스를 추가하고 사업부를 추가해야 클릭 이벤트는 my-btn 클래스의 버튼입니다.

JS 코드 :

$(function(){ 
    $('body').on('click', 'my-link', function(e){ 
     e.preventDefault(); 

     $(this).parent().find('.name').show(); 
    }) 
}) 

참고 :이 코드에서 jQuery 라이브러리를 포함하고 있는지 확인하십시오.

희망이 도움이됩니다.

+0

foreach 대신 사용자 -> 이름을 표시해야합니다. 자바 스크립트 객체에 객체 사용자를로드하고 반복 할 필요가 있습니다. 그러나 어떻게해야할지 모르겠습니다. – user3353610

+0

foreach 루프 외부에서 문제가 발생했습니다. – user3353610