I want the background of this field to be red when the value selected is 2.
How can I do that?
Collection and table item onchange events are handled by the collection. So you must use the collection event and then check the sub items. I have a Collection with class = MyCollection and then in the collection, I have a dropdown with a class = ddList.
$(document).ready(function () {
$('.MyCollection').change(function(){
$('.ddList').each(function() {
var currentList = $(this).find('option:selected');
if (currentList.text() == "2")
{
$(this).find('select').css("background-color", "#FF0000");
}
else
{
$(this).find('select').css("background-color", "#FFFFFF"); //default background color
}
});
});
});
Hi Katy,
You can use custom JavaScript as follows
$(document).ready(function () {
$("#Field1").change(function (event) { //Field1 is the dropdown
if ($(this).val() == "2")
{
$("#Field1").css("background-color", "#FF0000");
}
else
{
$("#Field1").css("background-color", "#FFFFFF"); //default background color
}
});
});