select box 체크
본문
안녕하세요.
아래와 같은 폼이 있을경우
값이 있는지 선택되었는지 체크작업을 하고있습니다.
<form id="frm">
<tr>
<td>첫번째</td>
<td>두번째</td>
</tr>
<tr>
<td><input type="text" name="first[]"></td>
<td>
<select name="second[]">
<option value="">선택하세요</option>
<option value="1">1</option>
<option value="1">2</option>
</select>
</td>
</tr>
<tr>
<td><input type="text" name="first[]"></td>
<td>
<select name="second[]">
<option value="">선택하세요</option>
<option value="1">1</option>
<option value="1">2</option>
</select>
</td>
</tr>
</form>
input text 는 체크가 잘되는데
select box 같은경우 첫번째 second[] 만 체크가 되네요..
도움 부탁드립니다..ㅡㅜ
$('input[name="first[]"]').each(function(idx, item) {
if(!$(item).val()) {
alert('첫번째 입력하세요.');
return false;
}
});
$('select[name="second[]"]').each(function(){
if(this.selected){
alert('선택되었음');
}
return false;
});
답변 3
$('select[name*="second"]').each(function(){
if($(this).val()!=''){
alert('선택되었음');
}
return false;
});
이렇게 하면 될거같은데 테스트는 안해봤어요..ㅎ
$('select[name="second[]"]').each(function(){
if(this.selected){
alert('선택되었음');
}
return false;
});
이부분에서 한번만 돌고 빠져나갑니다. 해당 부분을 지워주시고 해보세요.
$('select[name="second[]"]').each(function(){
if(!this.selected){
alert('선택 해주세요');
return false;
}
});
이런식으로 하시려는거 아닌가요?
<select name="second[]" required>
이렇게 하셔도 되지 않을까요?
<input type="submit">으로 폼을 날릴때는 상관없는데
jquery로 폼을 전송해야할때는 required 속성이 먹지를 않아서요;
댓글 쓰는 도중 답변이 달렸네요...
