select박스 option 옵션중 특정 문자에만 css적용 가능한가요? 채택완료
아래 이미지 처럼, "사용함" 으로 설정되 있으면 테이블 tr 전체 배경색을 변경가능한가요?
안된다면, "사용함" 폰트 색상이라도 변경해서 보기 편하게 하고 싶은데 html,css 조금 알고 있어서
구굴리 해보니 요런게 있어 해봤는데. select박스 안에 있는 글자라 적용이 안되네요 ㅠㅠ
<script>
$("option:contains('사용함')").css({color:"red"});
</script>
답변 4개
$(function() {
$('.spluse').on('change', function() {
var tr = $(this).closest('tr');
if ($(this).val() == '1')
tr.css('background', '#ccc');
else
tr.css('background', '#fff');
});
$('.spluse').each(function() {
var tr = $(this).closest('tr');
if ($(this).val() == '1')
tr.css('background', '#ccc');
else
tr.css('background', '#fff');
});
});
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
$(function() {
$('.spluse').on('change', function() {
var tr = $(this).closest('tr');
if ($(this).val() == '1')
tr.css('background', '#ccc');
else
tr.css('background', '#fff');
});
});
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
cuwaaangselect 값 변경하면 감지하는 javascript 로
변경시에 tr 에다가 class를 먹여요
css로 border 넣어두시구요
그리고 초기화면 php 로 리스트 불러올때
select값이 사용함이면 tr에다가 미리 class 추가해줘야겠죠
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
select에 class를 하나 추가하세요.
예) class="spluse"
스크립트는 아래처럼
$(function() {
$('.spluse').css('color', 'red'); // 셀렉트 기본값이 "사용함"이므로 모두 폰트 색상 변경
$('.spluse').change(function() {
var idx = $(this).index('.spluse');
var val = $(this).val();
if(val==1) {
$(this).css('color', 'red');
} else {
$(this).css('color', '#000');
}
});
});
// 만약 동적 테이블을 사용한다면 jquery 코드를 조금 변경해야 합니다.
답변에 대한 댓글 2개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인