изменение цвета вспомогательного текстового поля

Я пишу код для отслеживания медикаментов с помощью javascript, дело в том, что я создал textbox, внутри которого textbox. Я также создал еще один textbox (под текстовое поле), теперь я необходимо изменить цвет этого дополнительного текстового поля. Если условие истинно, тогда оно должно быть зеленым, а если условие ложно, то оно должно быть красным.изменение цвета вспомогательного текстового поля

источник

2014-10-27 sunil

Попробуйте это:

JQuery:

$('#textbox').on('keyup', function(event) { 

    event.preventDefault(); 

    var chk = "medicine" 
    var val = $(this).val(); 

    if(val == chk) 
    { 
     $(this).find(":input").css("background-color", "green"); 
    } 
    else 
    { 
     $(this).find(":input").css("background-color", "red"); 
    } 
}

или если Вы знаете имя/идентификатор Вашего ввод:

$('#textbox').on('keyup', function(event) { 

    event.preventDefault(); 

    var chk = "medicine" 
    var val = $(this).val(); 

    if(val == chk) 
    { 
     $(this).find("#subtextbox").css("background-color", "green"); 
    } 
    else 
    { 
     $(this).find("#subtextbox").css("background-color", "red"); 
    } 
}

или чисто JS:

$('#textbox').on('keyup', function(event) { 

    event.preventDefault(); 

    var chk = "medicine" 
    var val = $(this).val(); 

    if(val == chk) 
    { 
     document.getElementById('subtextbox').style.background-color = "green"; 
    } 
    else 
    { 
     document.getElementById('subtextbox').style.background-color = "red"; 
    } 
}

источник

2014-10-27 07:31:05 MNie

-1

Ьги это

document.getElementById('your subtext id').style.background-color = "green";

источник

2014-10-27 07:34:42

Надеется, что это может помочь

<html> 
<head> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
</head> 

<body> 
<p>type the word medicine</p> 
<input type="text" id="textbox" value=""> 
<input type="text" id="subtextbox" value=""> 

<script type="text/javascript"> 

$(document).ready(function(){ 

    $('#textbox').on('keyup', function(event) { 

     event.preventDefault(); 

     // make the condition here 
     // make this dynamic 
     var chk = "medicine" 
     var val = $(this).val(); 

     var sub = $('#subtextbox'); 
     if (chk == val) { 
      sub.css('background-color', 'green'); 
     } else { 
      sub.css('background-color', ''); 
     } 

    }); 

}); 



    </script> 
</body> 
</html>

источник

2014-10-27 07:48:02

это то, что я действительно Мент, – sunil

document.getElementById ("bodyRow3Col_1") style.backgroundColor = "Lightblue". document.getElementById ("bodyRow3Col_1InrCol_0"). Style.backgroundColor = "blue"; document.getElementById ("bodyRow3Col_1InrCol_1"). Style.backgroundColor = "red"; document.getElementById ("bodyRow3Col_1InrCol_2"). Style.backgroundColor = "blue"; – sunil

Это то, что я действительно знаю, где я создал субтекстовый ящик внутри основного текстового поля, мне нужно, чтобы цвет подтекста был изменен красным и зеленым на истинное или ложное состояние. – sunil

изменение цвета вспомогательного текстового поля

ответ

Смежные вопросы