段落Select（）不能在javascript中工作

Question

这是我的HTML代码

<div id="dialog" title="Basic dialog" style="display: none">
  <p id="para">Copy this key</p>
    <p id="key">4567887654345678</p>
</div>

<button>Open dialog</button>

div在按钮点击时显示为对话框，我希望在对话框打开时选择

“key”文本

这是相同的javascript，但＆lt; p为H.似乎没有被选中

$(function() {
    $( "button" ).click(function() {
      $("#dialog" ).dialog();
        $( "#dialog" ).show( "slow" );        
        $("#key").select();
  });
    });

如何制作＆lt; p为H.是预先选定的？

Answer 1

将key段更改为可编辑元素，例如textarea：

<textarea id="key">4567887654345678</textarea>

JSFiddle

您似乎需要一个可编辑的文本字段来选择文本。

Answer 2

我认为你应该使用jQuery dialog open event：

$( "#dialog" ).dialog({
    open: function( event, ui ) {
        $("#key").select();
    }
});

JSFiddle