titi
210
2021-11-15 13:29:14
6
130

selectbox선택시 동적으로 list 조건변경


안녕하세요..

학원에서 코드를 공부하고 있는 이제 4개월차 학생인데 

조건을 검색하는 selectbox가 있는데 값을 선택하면 list가 자동으로 변경되기를 원하는데 어떻게 구현해야하나요?

ex) selectbox값: 등록일,이름,이메일 


코드를 어느정도 짜고 안되면 물어보려고 했는데 아예 어떻게 짜야하는지 감이 안잡혀서 여쭤봅니다.  

0
  • 답변 6

  • kimdongy1000
    400
    2021-11-15 13:30:31
    ajax  로 서버와 통신하면서 클릭할때마다 list 가 변경되게끔 만드셔야 합니다 
  • 183183
    174
    2021-11-15 13:42:44

    전체 데이터 불러오고 javascript filter 이용해서 re-render 해주는것도 방법입니다

  • titi
    210
    2021-11-15 13:48:14

    183183: 그러면 쿼리 짤때 ordre by 에 등록일,이름,이메일 이렇게 컴마로 구분해서 넣어주면되나요?

  • 183183
    174
    2021-11-15 14:05:14

    쿼리를 짜고 order by를 쓴다는건 위에서 답변하신분이 말씀하신대로 ajax로 서버와 통신해서 지속적으로 가져오는 방법이구요


    제가말한건 전체데이터를 가져오고 javascript filter나 sort 함수로 렌더링을 다시하는걸 말합니다

  • 183183
    174
    2021-11-15 14:17:21 작성 2021-11-15 14:18:00 수정됨

    ajax로 하시려면 get방식으로

    ?sortby=email&order=desc 이런식으로 넘기고 쿼리에 order by email desc 추가

    ?sortby=name&order=asc 이런식으로 넘기고 쿼리에 order by name asc 추가

    이렇게 동적으로 쿼리 처리하시면 될 것 같아요


    위에서 사용된 sortby나 order같은 단어는 예시를 든거니 다른 단어로 하셔도 됩니다

  • titi
    210
    2021-11-15 15:44:45

    183183: 감사합니다. 제가 sort함수는 써본적이 없어서 일단 값넘겨서 orderby로 해서 해결했습니다.


  • 로그인을 하시면 답변을 등록할 수 있습니다.