让用户改变文字的颜色

时间:2013-11-21 12:47:57

标签: javascript jquery

用户希望通过php更改文本的颜色。我是Php中的新人可以有人指导我如何做到这一点?我是通过jquery函数尝试这个。黄红蓝

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

2 个答案:

答案 0 :(得分:3)

我建议,问题中没有任何HTML:

// 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

加上以下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>

请注意,如果页面上有多个select元素,则必须使用更具体的选择器来绑定正确的事件处理(除非所有select元素用于更新相同元素的相同CSS。

参考文献:

答案 1 :(得分:0)

您无需检查选择了哪个<option>。每当选择<option>时,您的<select>元素就会获得所选的<option> s值。所以你可以得到价值:

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

jsFiddle


你不能使用php,因为你想要修改客户端的DOM元素,其中php只是服务器端。