Let users to change the color of text

Question

User wants to change the color of the text through php .I am new in Php can someone guide me How to do this ? I was trying this through jquery function. Yellow Red Blue

$("select").change(function () {
    var ID = $(this).children(":selected").attr("id");
    $('#selectBox').css('color', ID);
});

`.change` is an event handler, it is run _once_ something changes — Aurelia, Nov 21 '13 at 12:48
This question has nothing to do with [tag:php]; what's your (relevant/[SSCCE](http://sscce.org/)) HTML, and what action is the user supposed to take to trigger the colour-change? — David Thomas, Nov 21 '13 at 12:49
Why do you use some element's ID as a color for another element? — undone, Nov 21 '13 at 12:51
@Punit - Please check this Stack Question it may help you [http://stackoverflow.com/questions/2941679/change-text-color-using-jquery](Click) — Vineesh Surendran, Nov 21 '13 at 12:52
@Daniel onclick and onblur are events i know that.But change happens on occurance of an event. — Zword, Nov 21 '13 at 12:55

score 3 · Accepted Answer · answered Nov 21 '13 at 12:52

I'd suggest, in the absence of any HTML in the question:

// binds the change to a select element (_ALL_ select elements):
$("select").change(function () {
    // assigns the value of the selected option to the 'color' variable
    var color = $(this).val()

    /* changes the CSS of the '#selectBox' element, to set the color
       and updates the text of that element to reflect the chosen option/color:
    */
    $('#selectBox').css('color', color).text(color);
// triggers the change event, to trigger the change-handler on page-load/DOMready
}).change();

JS Fiddle demo.

Coupled with the following HTML:

<select name="color" id="color">
    <option value="red">red</option>
    <option value="blue">blue</option>
    <option value="green">green</option>
</select>
<div id="selectBox"></div>

Note that, if you have multiple select elements on the page, you must use a more specific selector to bind the correct event-handling (unless all the select elements are there to update the same CSS of the same element).

References:

score 0 · Answer 2 · answered Nov 21 '13 at 12:53

You don't have to check which <option> has been selected. Whenever an <option> has been selected your <select> element get the selected <option>s value. So you can just get the value:

$("select").change(function () {
    var color = $(this).val()
    $('#selectBox').css('color', color);
});

jsFiddle

You can't use php for this as you want to modify the DOM element which is client-sided, where php is only server-sided.

Let users to change the color of text

2 Answers2

jsFiddle