검색 시 검색조건 & 검색어 남아있도록

기여·2024년 7월 14일
0

소소한 개발팁

목록 보기
51/103

검색했을 때, 검색결과 창으로 전환해도 검색란은 초기화되지 않고 방금 입력된 검색어 및 검색조건 그대로 남았으면 한다.

chat gpt에게 물어보니 아래처럼 script 추가하면 되더라~

window.onload = function() {
    const urlParams = new URLSearchParams(window.location.search);
    const searchCdt = urlParams.get('searchCdt');
    const searchKw = urlParams.get('searchKw');

    if (searchCdt) {
        document.querySelector('select[name="searchCdt"]').value = searchCdt;
    }

    if (searchKw) {
        document.querySelector('input[name="searchKw"]').value = searchKw;
    }
};

html)

    <div align="center">
        <form action="<%=path%>/CardCtrl" method="get">
            <input type="hidden" name="sw" value="searchOrder">

            <select class="select" name="searchCdt">
                <option>검색조건</option>
                <option value="orderRef">주문번호</option>
                <option value="cardName">상품명</option>
                <option value="custTel">신청인 연락처</option>
            </select>&emsp;

            <input type="text" name="searchKw" placeholder="검색어 입력" class="input">&emsp;
            
            <div class="sinchungbtn">
                <button type="submit">검색</button>
                &emsp;
                <button class="subbtn" onclick="location.href='CardCtrl?sw=allOrder'">초기화</button>
            </div>            
        </form>
    </div>
profile
기기 좋아하는 여자

0개의 댓글