본문 바로가기
JQuery

selectbox option 값 비교

by 리틀홍콩 2015. 3. 5.
728x90
반응형

보통 select option의 값을 text와 동일하게 작성하는데,

 

현재 할려는 기능은

공통코드의 값이 구분되어 있어 option의 value값 따로 text값 따로로 준 데이터를 가지고

text로 비교하여 option list에 해당 데이터가 있는지 비교하는 것이다.

 

간단히 말해 option list 의 text데이터만 필요하다

 

Jquery 부분------------------------------------------

 

$("#companyNm").blur(function(){
  var val = $(this).val();
  
  $("select#addCompany option").each(function(){
         if($(this).text()==val){ 

          $("#companyChk").text('이미 존재하는 데이터입니다.');
          $("#companyChk").css('color','red');
          return false;
         } else if(val != "" && $(this).text()!=val){
          $("#companyChk").text('사용가능합니다.');
          $("#companyChk").css('color','red');
         }
  });

 });

 

----------------------------------------------------------

 

HTML부분 ------------------------------------------------

 

<th>회사명</th>
     <td><select id="addCompany" style="width: 150px;">
       <option></option>
      </select> <input type="text" size="30" id="companyNm" /> <span id="companyChk"></span></td>

 

------------------------------------------------------------

반응형

'JQuery' 카테고리의 다른 글

jQuery datepicker사용법  (0) 2017.08.23
shift+tab 키 인식  (0) 2015.08.26
레이어 팝업 중앙에 띄우기  (0) 2015.01.27
JQuery를 이용한 검색어 자동완성기능(jsp)  (0) 2014.10.20

댓글