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

Posted 2023-05-08

【中文标题】如何从 p 标签回调文本到输入文本字段？

【英文标题】：How to call back text from p tag to the input text feild?

【发布时间】：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

如果没有您的代码的代表性工作示例，很难准确地说出问题所在。

刚刚更新了我的问题。如果有更多需要然后告诉我，我会用该信息更新我的问题

【参考方案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="">