Question

如何使用jQuery复制下拉菜单中的文本？

<select id="pass1" class="ddl">
  <option value="yes">YES</option>
  <option value="no">NO</option>
  <option value="NA">N/A</option>
</select>

我正在尝试使用jQuery中的Windows选择命令复制下拉列表中显示的文本，然后复制到剪贴板命令。

我可以复制表单的整个页面和文本，但是不能复制选择选项（下拉菜单中的文本）。

Answer 1

您可以使用$("#pass1 option:selected").text();来获取当前所选option的值。之后，您可以使用所需的任何值，在How do I copy to the clipboard in Javascript中，举例说明了如何将内容复制到剪贴板。

Answer 2

要复制文本，请使用它，它将复制文本并打印到剪贴板：

$("#pass1").on('change',function(){
	$("p").html($( "#pass1 option:selected" ).text());
	 value = $( "#pass1 option:selected" ).text()
 	   var $temp = $("<input>");
          $("body").append($temp);
          $temp.val(value).select();
          document.execCommand("copy");
          $temp.remove();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="pass1" class="ddl">
    <option value="yes">YES</option>
     <option value="no">NO</option>
	   <option value="NA">N/A</option>
</select>

<h1>
Selected: 
</h1>
<p>

</p>

如何从下拉菜单复制文本？

2 个答案: