点击按钮,突出显示文本框的整个内容(youtube共享)

时间:2015-04-27 21:42:01

标签: javascript html

我有很多帖子都有与之关联的唯一身份ID号码。 每个帖子都有一个“分享”按钮和一个文本字段,其中包含文本字段值中当前帖子的唯一网址。

我希望这个'分享'按钮,点击,突出显示随附文本框的网址文字,这是其帖子所独有的

到目前为止,我有这个屁股它无法正常工作

<input type="button" value="share" onclick="shareurl"> 
article address:<input type="text" value="blog.php?id='.$statusid.'" name="urlbox'.$statusid.'">


function shareurl(statusid) {
   ("urlbox"+statusid).focus();
   ("urlbox"+statusid).select();
}

statusid对每个帖子都是唯一的,因此我尝试使用它只突出显示正确的文本框网址

1 个答案:

答案 0 :(得分:1)

您只需遵循以下demo本地解决方案即可,即不需要任何第三方库,例如

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
  <script>
    function sel(id){
      ob = document.getElementById(id);
      ob.select();
    }
  </script>
</head>
<body>
  <input id="i" type="text" value="somthing to be selected" />
  <input type="button" value="select" onclick="sel('i')" />
</body>
</html>

您可以通过id定义输入字段,然后创建一个函数来获取input field对象,最后应用方法select()