2012-06-07 139 views
0

嗨,我有一個文本框可以有一個數字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; 
} 

但我無法得到這個工作。任何幫助將大大appriciated。 謝謝

回答

1

僅對所有條件使用IF語句。

刪除「else if」和「else」。

+0

謝謝,它現在可以工作,但當文本框中的值發生變化時,顏色不會自動更改。它只在我專注於它時纔會改變。我已經把函數放在onBlur = changeColour();'和onChange =「changeColour();」事件。 – jk1844

+0

當焦點丟失時,它會改變顏色。你究竟想要什麼? –

+0

當我選擇其他問題時,值發生變化,但顏色不變。價值變化時,根本就沒有焦點。當值更改時,如何啓用此字段的焦點?謝謝 – jk1844

相關問題