每行的 HTML 表格下拉值

Question

当我从下拉列表中选择时，它只会更改第一行。我想为每一行获取不同的值。我做错了什么？如何修复它？我的html代码：                {% for tr in db_training %}                <tr>                    <td class="tweet">{{tr.tweets}}</td>                    <td class="type">{{tr.dtype}}</td>                    <td class="manual">                        <select id="dselect" onchange="getValue(this)">                            <option value="$">Pilih</option>                            <option value="negatif">Negatif</option>                            <option value="netral">Netral</option>                            <option value="positif">Positif</option>                        </select>                    </td>                    <td id="dselect-value"></td>                    <td class="auto">{{tr.auto}}</td>                </tr>                {% endfor %}...            <script type="text/javascript">            function getValue(data) {                var myDiv = document.getElementById(data.id + '-value');                myDiv.innerHTML = data.value;            }            </script>

Answer 1

您必须使用不同的 id 来选择和目标

Django 模板变量forloop.counter从索引 1 开始

如果您需要启动索引，0请使用forloop.counter0

{% for tr in db_training %}

    <tr>

        <td class="tweet">{{tr.tweets}}</td>

        <td class="type">{{tr.dtype}}</td>

        <td class="manual">

            <select id="dselect_{{ forloop.counter }}" onchange="getValue(this)">

                <option value="$">Pilih</option>

                <option value="negatif">Negatif</option>

                <option value="netral">Netral</option>

                <option value="positif">Positif</option>

            </select>

        </td>

        <td id="dselect_{{ forloop.counter }}-value"></td>

        <td class="auto">{{tr.auto}}</td>

    </tr>

{% endfor %}

Answer 2

所有行都有相同的 id。尝试去追寻目标。这应该可以帮助你

        function getValue(data) {

            var myDiv =data.parentNode.parentNode.querySelector("#dselect-value");

            myDiv.innerHTML = data.value;

        }