값에 따라 텍스트 상자 배경색을 변경하십시오.

안녕하세요, 저는 1 - 6 사이의 숫자를 가질 수있는 텍스트 필드가 있습니다. 1-3 녹색입니다. 4-5가 주황색입니다. 6 개 이상은 빨간색입니다.값에 따라 텍스트 상자 배경색을 변경하십시오.

이 필드 자동은 다른 필드에서 선택한 값에 따라 계산됩니다.

function changeColour() { 
if (document.getElementById("Q49I1029").value > 0) { 
document.getElementById("Q49I1029").style.background = '#00FF33'; // Green 
} 
else if (document.getElementById("Q49I1029").value > 3) { 
document.getElementById("Q49I1029").style.background = '#EC582D'; // Orange 
} 
else (document.getElementById("Q49I1029").value > 5) { 
document.getElementById("Q49I1029").style.background = '#990000'; // Reg 
} 
alert ("This box must be filled!"); 
document.getElementById("Q49I1029").focus(); 
return false; 
}

하지만이 기능을 사용할 수 없습니다. 도움이 될 것입니다. 감사합니다.

출처

2012-06-07 jk1844

모든 조건에 대해서만 IF 문을 사용하십시오.

"else if"및 "else"를 제거하십시오.

출처

2012-06-07 10:45:56

덕분에 이제는 작동하지만 텍스트 상자의 값이 변경되면 색상이 자동으로 변경되지 않습니다. 나는 그것에 집중할 때만 변합니다. 나는 onBlur = changeColour();에 함수를 넣었습니다. 및 onChange = "changeColour();" 행사. 포커스가 사라지면 – jk1844

, 그러면 색상이 변경됩니다. wht는 정확하게 원하는가? –

다른 질문을 선택하면 값이 변경되지만 색상은 변경되지 않습니다. 값이 바뀌면 열정에 전혀 집중하지 않습니다. 값이 변경되면이 필드에 포커스를 어떻게 사용할 수 있습니까? 덕분에 – jk1844

값에 따라 텍스트 상자 배경색을 변경하십시오.

답변

관련 문제