javascript - 是否可以在不复制的情况下第二次显示页面上已经存在的 html 元素？

Question

我有一个包含多个 div 的隐藏表单的页面。

<form action="...">
    <div>
        <input id="menubar_open_article_bid" name="bid" onfocus="this.select();" onkeyup="do_v(); type="text">
        <a href="#"  onclick="return do_h();">
            Beitrag öffnen                              </a>
    </div>
    <div>
        <input id="menubar_open_article_cid" name="cid" onfocus="this.select();" onkeyup="do_a();" type="text">
        <a href="#" onclick="return do_y();">
            Container öffnen                                </a>
    </div>
    <div>
        <input  id="menubar_open_article_iid" name="iid" onfocus="this.select();" onkeyup="do_b();" type="text">
        <a href="#" onclick="return do_x();">
            Inhalt öffnen                               </a>
    </div>
</form>

作为第一次尝试，我使用 jQuery 将其中一个 div 复制到另一个表单，以便在那里显示它(可见)。效果很好，但现在 html 元素 ID 出现了两次。

我不想更改该 ID。因此，我只能引用 ID 为“menubar_open_article_iid”的 div 来显示 html 元素的解决方案可以解决我的问题。那可能吗？ (虽然我从来没有听说过这样的事情)

Answer 1

据我所知，这是不可能的。

我认为这里的主要问题是您希望一个输入显示两次，但仍然是相同的输入。那将是有问题的，也是糟糕的界面设计。用户可能会对表单中有两个独立但不同的输入感到困惑。

我建议你不要这样做。