从选择框中选择一个选项时，需要使用php动态更改标签或标题的文本颜色吗？

Question

here is some of the sample code im working on. I just started learning php this year and am trying to experiment a little bit. so i have

<select class="animal">
    <option value="dog"> Dog </option>
    <option value="cat"> Cat </option>
    <option value="cat"> Fish </option>
</select>

i want to change the background colour of the page in a different colour when choosing some option. For example, dog = blue background, cat = red background and fish = black background

anyone has any idea how this would work?

Answer 1

This can be achieved with the onclick attribrute

<select class="animal">
    <option value="dog" onclick="document.body.style.background = 'blue'"> Dog </option>
    <option value="cat" onclick="document.body.style.background = 'red'"> Cat </option>
    <option value="fish" onclick="document.body.style.background = 'black'"> Fish </option>
</select>

Answer 2

Using jQuery:

$(document).ready(function () {
    $('.animal').on('change', function () {
        $('body').css('background-color', $(this).find('option:selected').attr('data-color'));
    })
});

<select class="animal">
    <option value="dog" data-color="blue">Dog</option>
    <option value="cat" data-color="red">Cat</option>
    <option value="cat" data-color="green">Fish</option>
</select>

Demo: http://jsfiddle.net/lotusgodkk/GCu2D/121/