보통 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 |
댓글