테스트 사이트 - 개발 중인 베타 버전입니다

Bootstrap - Filterable Table에서 버튼으로 검색되게 하려면....

cityman 5년 전 조회 3,444

안녕하세요?

기초없이 코딩하다 보니..  몇시간째 헤메에다 도저히 못찾겠어서, ㅠㅠ 이곳에 질문을 올려봅니다. 

Bootstrap - Filterable Table에서 버튼, 혹은 드롭다운 선택으로 검색되게 하려면....

출처ㅣhttps://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_filters_table">https://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_filters_table

테스트 작업중인 사이트:  http://todo.kr/t1/sort1/

 

위 출처의 소스로 간단한 검색이 가능한 사이트를 작업중인데요, 검색창에 검색어를 직접 입력하면 바로바로 잘 찾아지는데, 여기서 '버튼'을 클릭하면 버튼의 텍스트가 검색창에 입력한 결과와 같이 바로 검색 결과가 뿌려지게 하는게 목적입니다. 

가능한 방법이 분명히 있겠지요? ㅎ 제발 도움 좀.... ㅜㅜ 

 

인물검색 " target="_blank" rel="noopener noreferrer">https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"> " target="_blank" rel="noopener noreferrer">https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js">   " target="_blank" rel="noopener noreferrer">https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">   " target="_blank" rel="noopener noreferrer">https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js">   " target="_blank" rel="noopener noreferrer">https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js">

인물검색 Test

직접 입력, 혹은 버튼을 클릭하면 검색

 

 

   
                     
 
 
           
                                                                                                                                         
연도이름직업
2019마동석배우
2020설운도가수
2020박찬호스포츠/야구
2018박세리스포츠/골퍼
2020이문세가수
2018홍진경모델
2018홍길동의적

Sort Button Test

 

 

위 사이트의 목적처럼, 간단히 데이터베이스를 만들고 불러내서 웹, 혹은 앱에서 사용하려면 어디부터 공부를 해야 할지.. 선배님들의 조언좀 부탁드립니다! (sql? mysql?을 배워야 되면 어디서부터, 어디에 있는 자료로 공부를 해야 하는지..;;)

 

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

검색하고자 하는 내용과 버튼

기본부터 확인해 보세요.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

c
cityman
5년 전
기본부터 다 점검하고 적용하고 해 봤는데도 제 실력으로는 안되네요. ㅜㅜ
위 소스에서 검색창에 입력하는건 바로 검색이 되는데, 버튼이나 드롭다운 메뉴에서 선택하면 검색창 입력과 동일하게 검색이 되어야 하는데, 도무지 안먹네요. (기본 검색창 지우고, 드롭이나 버튼으로 적용해도 먹통;)

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인