如何从 p 标签回调文本到输入文本字段？答案

【问题标题】：How to call back text from p tag to the input text feild?如何从 p 标签回调文本到输入文本字段？
【发布时间】：2021-04-19 16:55:20
【问题描述】：

有两个相同的 id，我只想添加一些 jquery 来完成以下工作，每当p 标签文本发生变化时，输入值会根据 p 标签的文本自动更改。

    $(document).ready(function(){
                $('#walletconnect').hover(function(){
                    //MOUSE ENTERS
                    $('#walletconnect').css('display', 'block');
                    var x = $('#walletconnect').text();
                    $('#walletaddressinput').text(x);
//Here you can use $('#tooltip').text(x); to make text display in the tooltip

                },function(){
                    //MOUSE LEAVES
                    $('#walletaddressinput').css('display', 'none');
             
                });
            });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="App">
  <div><button class="btn btn-primary my-4" type="button">WalletConnect</button></div>
  <p id="walletconnect">0x779d4E727232*********BDBC03aE84C</p>
</div>
<input type="text" name="wallet_address" class="form-control" id="walletaddresssinput" maxlength="50" placeholder="Wallet address" title="" required="">

【问题讨论】：

id 必须是唯一的。请改用class。
您的 HTML 中也没有 #walletaddress 或 #twalletaddress
好的，我用 walletaddressinput 更改了输入字段的 id，现在？ @RoryMcCrossan
如果没有您的代码的代表性工作示例，很难准确地说出问题所在。
刚刚更新了我的问题。如果有更多需要然后告诉我，我会用该信息更新我的问题

标签： javascript html jquery json jquery-plugins

【解决方案1】：

试试看，点击连接按钮

$(document).ready(function() {
    var x = $('#walletconnect');
  $('.btn').on('click', function() {
    x.text("newtext");
  });
  $(document).on("DOMSubtreeModified", "#walletconnect", function() {
      $('#walletaddresssinput').val(x.text());
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="App">
  <div><button class="btn btn-primary my-4" type="button">WalletConnect</button></div>
  <p id="walletconnect">0x779d4E727232*********BDBC03aE84C</p>
</div>
<input type="text" name="wallet_address" class="form-control" id="walletaddresssinput" maxlength="50" placeholder="Wallet address" title="" required="">

【讨论】：