使用Jquery在彈出框中選擇文本

Question

我有一個按鈕。當我點擊那個按鈕時，出現一個彈出的CSS框，它有一個包含一些數據的文本框。我希望在彈出框打開後立即選擇這些數據。我嘗試在jQuery中使用.select（）函數，但它似乎並沒有工作。

這是按鈕： -

<div id="copyBox" style="display:inline-block; margin-left: 10px;"> 
    <button class="btn copy-button" id="obj" data-clipboard-text="Take data from URL and put it here using Jquery" > 
     <a href="#openModal" style="color: #fff;">Copy URL</a> 
    </button> 
</div> 

這是彈出框： -

<div id="popup1" class="overlay"> 
    <div class="popup"> 
     <span class="poptext">Copy URL to share the link</span> 
     <a class="close" href="#">&times;</a> 
     <div class="content"> 
      <input type="text" id="urlText" style="width:90%;"> 
     </div> 
    </div> 
</div> 

這就是我使用jQuery： -

$("#obj").click(function() { 
    $("#urltext").select(); 
}); 

我不不知道我要去哪裏錯了。任何人都可以幫我解決這個問題嗎？jquery

Answer 1

你在jQuery中更改了id名稱。 更改urlText而不是urltext。 它必須區分大小寫