Javascript 在dropdownlist值更改时查找行索引

Javascript 在dropdownlist值更改时查找行索引,javascript,jquery,html,html-select,Javascript,Jquery,Html,Html Select,我有一个HTML表格,每行都有dropdownlist。我希望每次更改dropdownlist的值时,该行的背景都会更改,以指示dropdownlist上发生了更改 代码如下: <table id="table1"> <tr> <td>Value</td> <td> <Select onchange="myFunction(this)">

我有一个HTML表格,每行都有dropdownlist。我希望每次更改dropdownlist的值时,该行的背景都会更改,以指示dropdownlist上发生了更改

代码如下:

<table id="table1">
    <tr>
        <td>Value</td>
        <td>
            <Select onchange="myFunction(this)">
            <option value="1">1</option>
            <option value='2">2</option></select>
        </td>
    </tr>
</table>

<script type="text/javascript">
    function myFunction(a) {
        var cells = document.getElementById("table1").rows[a].cells;
        for (var i = 0, len = cells.length; i < len; ++i) {
            cells[i].style.backgroundColor = "yellow";
        }
    }
</script>

价值
1.

如果您使用的是jquery,则将函数更改为:

<script type="text/javascript">
    function myFunction(a)
    {
       $(a).parent().parent().css("background-color", "yellow");
    }
    </script>

函数myFunction(a)
{
$(a).parent().parent().css(“背景色”、“黄色”);
}
如果您只打算使用纯javascript,那么它将是:

 <script type="text/javascript">
        function myFunction(a)
        {
           a.parentNode.parentNode.style.backgroundColor = "yellow";
        }
        </script>

函数myFunction(a)
{
a、 parentNode.parentNode.style.backgroundColor=“黄色”;
}

如果您正在使用jquery,请将函数更改为:

<script type="text/javascript">
    function myFunction(a)
    {
       $(a).parent().parent().css("background-color", "yellow");
    }
    </script>

函数myFunction(a)
{
$(a).parent().parent().css(“背景色”、“黄色”);
}
如果您只打算使用纯javascript,那么它将是:

 <script type="text/javascript">
        function myFunction(a)
        {
           a.parentNode.parentNode.style.backgroundColor = "yellow";
        }
        </script>

函数myFunction(a)
{
a、 parentNode.parentNode.style.backgroundColor=“黄色”;
}


将您的功能更改为:

function myFunction(a)
{
    a.parentNode.parentNode.style.backgroundColor = "yellow";
}
然后确保修复了select(单引号而不是双引号)上的一点输入错误:


价值
1.
2.

将您的功能更改为:

function myFunction(a)
{
    a.parentNode.parentNode.style.backgroundColor = "yellow";
}
然后确保修复了select(单引号而不是双引号)上的一点输入错误:


价值
1.
2.

您可以使用jquery还是只需要一个简单的javascript答案?无论哪个合适,您都可以使用jquery还是只需要一个简单的javascript答案?无论哪个合适,都可以说我在dropdownlist上做了一些更改,所以某些行的背景颜色发生了变化。如何通过按钮单击事件将所有颜色返回到默认颜色?您可以使用相同的函数,只需为颜色设置一个附加参数即可。是否有任何方法可以检索默认背景色六角代码?如果使用样式之前有颜色,则可以使用这些函数设置的相同方式获取颜色。然后背景色必须是#ffffff表示我在dropdownlist上做了一些更改,因此某些行的背景色已更改。如何通过按钮单击事件将所有颜色返回到默认颜色?您可以使用相同的函数,只需为颜色设置一个附加参数即可。是否有任何方法可以检索默认背景色六角代码?如果使用样式之前有颜色,则可以使用这些函数设置的相同方式获取颜色。然后背景色必须为#ffffff