Web/JSP_SERVLET

셀렉트박스 db 값, 선택

벨포트조던 2016. 3. 11.
반응형

일단 프로그램 부분에서 option 부분을 자동 체크 하시려면 넘어온 파라미터를 받아서 option 부분에 value
값과 같은면 3항 연산자를 이용하셔서 selected 되도록 하시면 됩니다.


예제 1)

<% String CateNum1 = request.getParameter("CateNum1"); %>

<select name="CateNum1" onChange="Cate_list1(this.value);">
    <option value="">1차목록</option>
    <option value="1" <%="1".equals(CateNum1)?"selected":""%>>가전제품</option>
    <option value="2" <%="2".equals(CateNum1)?"selected":""%>>의류</option>
    <option value="3" <%="3".equals(CateNum1)?"selected":""%>>전자</option>
< /select>

다른 방법으로 하는 경우는 window onload 이벤트 발생 시점에 CateNum1 객체에 값을 주시면 됩니다.


예제 2)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
< html>
    <head>
        <title> sjisbmoc </title>
< script language='javascript'>
   <!-- 
      window.onload = function() {
        document.frm.CateNum1.value = '3';
      }
   //-->
< /script>
    </head>
    <body>
      <form name='frm'>
        <select name="CateNum1" onChange="Cate_list1(this.value);">
            <option value="">1차목록</option>
            <option value="1" >가전제품</option>
            <option value="2" >의류</option>
            <option value="3" >전자</option>
        </select>
      </form>
    </body>
< /html>





------------- 내 방식 


<script type="text/javascript">

        $(function(){

            var phoneNumber = "<%=memPhoneNo1 %>";

            $("#memPhoneNo1").val(phoneNumber);

            var cellPhoneNumber ="<%=rs.getString("memCellPhoneNo1") %>";

            $("#memCellPhoneNo1").val(cellPhoneNumber);

            var emailId = "<%=rs.getString("memEmail2")%>";

                $("#selectEmail2").val(emailId);

            });

        </script>


이런식으로 제이쿼리로 셋팅

반응형

댓글