javascript - 我如何能够复制(通过 Ctrl + C 或鼠标右键单击复制选项)在下拉列表中选择控制选项

标签 javascript html

所以我有这个下拉列表

function copyThis(text) {
  window.prompt("Copy this : ", text);
};
<!DOCTYPE html>
<html>

<body>

  <select class="wrap" onchange="copyThis(this.value)">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="opel">Opel</option>
    <option value="audi">Audi</option>
  </select>
</body>

</html>

当前使用上面的内容不允许我突出显示或选择列表中选择的选项。有没有更好的方法通过双击并突出显示所选选项,以便我可以 Ctrl + C 或鼠标右键单击并复制

最佳答案

“复制”按钮怎么样:

function copyThis(text) {
  window.prompt("Copy this : ", text);
};

$("#copy").click(function () {
  window.prompt("copy this:", $("#cars option:selected").text());
});
<!DOCTYPE html>
<html>
<head>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
</head>
<body>

  <select id="cars" class="wrap">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="opel">Opel</option>
    <option value="audi">Audi</option>
  </select>

  <button id="copy">copy</button>

</body>

</html>

关于javascript - 我如何能够复制(通过 Ctrl + C 或鼠标右键单击复制选项)在下拉列表中选择控制选项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41759617/

相关文章:

javascript - 如何恢复之前离开的 scorm 2004?

javascript - 如何重置 'no' 上的调查问卷

javascript - CSS div 适合间隙

javascript - 如何在 DOM 中的第 20 个元素之后剪切?

javascript - 根据操作系统显示不同的文本

javascript - 段落标记中设置的最大限制,内容可编辑为 true

javascript - JS 设置 attr(value) 不会在 DOM 中返回

javascript - 如何在javascript中获取选定的文件路径

Javascript 使用 CSS3 转换为样式更改设置动画

javascript - SASS 中的动态类名