Html和Javascript

Question

我想基於php和js傳遞的「status」字段valaue動態地更改「employee」字段的顏色。

例如：如果狀態字段爲0，則empolyee字段應爲黃色。

<form name="cubicle"> 
    <div> 
     <tr><td><input type="text" name="employee" /> </td> 
      <td><input type="hidden" name="status" /></td> 
    </div> 
</form> 

<script type="text/javascript"> 
function showDetails(var1) { 
    document.cubicle.employee.value=var1; 
} 

Answer 1

剛剛設置.style.backgroundColor：http://jsfiddle.net/VvZZD/2/。

function showDetails(var1) { 
    document.cubicle.employee.value=var1; 

    var status = document.cubicle.status.value; 
    var color; 
    if(status == "0") color = 'yellow'; 
    if(status == "1") color = 'red'; 
    document.cubicle.employee.style.backgroundColor = color; 
} 

Answer 2

你可以做一個JavaScript方法，您可以通過狀態值1或0，然後使用「document.bgColor」的方法使用，如果條件改變顏色......

你可以幫助從這裏：使用jQuery http://www.javascripter.net/faq/backgrou.htm 這裏下拉列表值選擇...但你可以使用任何控制或隱藏的價值...

Answer 3

，你可以這樣做：

function changeStyle(val) { 
     $('.employee').attr('value')=val; 
     var pos = $('.employee').attr('value'); 
     var col = (pos=='0')? "yellow" : "red"; 
     $('.employee').css('color', col); 
    }