Question

如果我有一位有退学选择的挑选人,我如何能够改变这一增长中所有细胞的颜色?

function changeColor(){

}

$(".mySelector").change(function() {
    changeColor();
});

<table>
<tr>
    <td>val 1</td>
    <td>val 2</td>
    <td>
    <select class="mySelector">
        <option value="red">red</option>
        <option value="grn">green</option>
        <option value="blu">blue</option>
    </select>
    </td>
</tr>
<tr>
    <td>val 3</td>
    <td>val 4</td>
    <td>
    <select class="mySelector">
        <option value="red">red</option>
        <option value="grn">green</option>
        <option value="blu">blue</option>
    </select>
    </td>
</tr>
</table>

Answer 1

您可使用。

$(".mySelector").change(function() {
    $(this).closest("tr").css("background-color",
        $("option:selected", this).text());
});

Answer 2

You should change your option values to valid colors instead of abbreviations, then you can do this:

    <option value="red">red</option>
    <option value="green">green</option>
    <option value="blue">blue</option>

JS:

$(".mySelector").change(function() {
    $(this).closest("tr").css("background-color", this.value);
});

JSFiddle: 。

If you want to make sure the color gets set on initialization, you can chain another change call to it.:

$(".mySelector").change(function() {
    $(this).closest("tr").css("background-color", this.value);
}).change(); //Set background color without needing to change the selected option.

友情链接