时间戳

首页 > 解决方案 > 更改父元素值属性

javascript - 更改父元素值属性

问题描述

我有这样的html代码：

<td value='3' style='text-align: center'>
<select class='selection' onchange=''>
    <option value='1'>1</option>
    <option value='2'>2</option>
    <option value='3'>3</option>
</select>
</td>

我想要做的是改变select父母的价值 -td在onchange事件中选择一个。我怎样才能做到这一点？

PS 如您所见td- 所以我有多行并且无法分配id给 td/select

标签： javascriptjqueryhtml

解决方案

这很简单:)

<td value='3' style='text-align: center'>
    <select class='selection' onchange='this.parentNode.setAttribute("value", this.value);'>
        <option value='1'>1</option>
        <option value='2'>2</option>
        <option value='3'>3</option>
    </select>
</td>

或者您可以使用脚本元素来执行此操作：

<td value='3' style='text-align: center'>
    <select class='selection'>
        <option value='1'>1</option>
        <option value='2'>2</option>
        <option value='3'>3</option>
    </select>
</td>

<script>
    document.querySelectorAll('.selection').forEach(function(e){
        e.onchange = function(){ e.parentNode.setAttribute('value', e.value); });
    });
</script>

推荐阅读