다중 조건 검색 / input 추가

사이트 검색 할 때 결과내 재검색 기능 요청이 들어왔습니다..

;ㅇ;

잘 모르겠더라고요

어.. 그런데  10일쯤 지난 지금 생각해보니 할만한거 같네 ㅎㅎ;

아무튼 그래서 그때 생각 했을땐,

검색 input을 여럿 두는게 더 편하겠다 싶어서 ..어흠

그런데 기존의, 수정하기 전의 상태를 스샷 찍어놨어야 했는데..크흠

우선 ejs 의 바디 부분 입니다

form_id 는 기존의 검색창 이구요

아래에  form_id2  라고  비어있는 div 를 따로 만들었습니다

findadd 라는 name을 가진 Add 버튼 을 눌렀을 때   form_id2  부분에 새로운 input 을 넣으려구요.

Jquery를 이용했습니다.

$(document).on("click","input[name=findadd]",function(){

});

findadd 라는 name의 input 을 클릭 했을때

addStaffText  를

  var aaa = $( "div[name=seach_form_id2]:last" ); //last를 사용하여 seach_form_id2 라는 name을 가진 마지막 태그 호출
          aaa.after(addStaffText); //마지막 seach_form_id2  뒤에 붙인다.
        });

비어있던 seach_form_id2 라는 name의 div 의 뒤에 붙이게끔

그리고

  $(document).on("click","button[name=delStaff]",function(){

            var aaa = $(this).parent();

            aaa.remove(); //tr 테그 삭제
        });

삭제 버튼 클릭시 aaa를 실행 시킨다 / aaa는 자신의 부모 태그를 가리키고, 이를 삭제함!

짜잔

Add 버튼을 누를때마다 저렇게 한줄씩 추가가 됩니다

..

음

지금 생각해보니 왜 비어있는 div를 만들었는지 ..??

삭제 버튼의 부모 태그 가리키는 것 때문에 헷갈려서 이랫던거 같은데

음

다시 만져서 바꿀까..