使用 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 。 它必须区分大小写