单击复制按钮，javascript id只是从数据库复制第一个数据，而我无法复制其他数据

Question

我正在一个自我项目中，我必须检索我的数据库数据（例如，唯一的名称），并且在网站上列出了这些名称。我要尝试做的是，如果用户单击名称，则会弹出带有用户信息的弹出窗口，并单击按钮。单击单击按钮后，用户可以复制信息。但是单击复制按钮javascript id后出现什么问题，只是从数据库中复制了第一个数据，而我无法复制其他数据。这些数据是使用forloop从数据库中获取的。

{{％in 20。

<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown1" role="button"
                   data-toggle="dropdown"
                   aria-haspopup="true" aria-expanded="false">
                    {{ twenty.name }}
                </a>
                <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                <div class="copy">
                    <div class="row">
                        <div class="col-md-8">
                            <input type="text" value="{{ twenty.detail }}" id="myInput1">
                        </div>
                        <div class="col-md-4">
                            <button onclick="myFunction1()">Copy</button>
                        </div>
                    </div>
                </div>
                </div>
            </li>
{{％endfor％}

查看全部

{{％块脚本％}

<script>
    function myFunction1() {
            var copyText = document.getElementById("myInput1");
            copyText.select();
            copyText.setSelectionRange(0, 99999);
            document.execCommand("copy");
            alert("Copied the text: " + copyText.value);
        }
</script>
{{％endblock script％}

我正在一个自我项目中，我必须检索我的数据库数据（例如，唯一的名称），并且在网站上列出了这些名称。我要尝试做的是，如果用户单击那里的名称...

Answer 1

尝试一下。因此，id每次都不同。您可能有一个ID，或者可能需要引入一个计数器。自从我做了我认为是twig / php的事情以来已经有一段时间了