javascript - 使用 javascript 在表单的选项标签中复制文本？

Question

<select name="products">
    <option value=""> - Choose - </option>
    <option value="01">table</option>
    <option value="02">chair</option>
    <option value="03">book</option>
    <option value="04">car</option>
</select>

我希望能够在选择特定选项时自动复制文本...
例如。如果我选择书籍，书籍应该会自动复制，所以我可以将它粘贴 (Ctrl+v) 到其他地方..谢谢

Answer 1

就浏览器兼容性而言，使用 Javascript 复制到剪贴板是一项棘手的任务。最好的方法是使用小型闪光灯。它适用于所有浏览器。您可以在this article中查看.

不过，只是为了给您一个提示，以下是针对 Internet Explorer 的操作方法(只是因为它是最简单的操作):

function copy (str)
{
    //for Internet explorer ONLY!
    window.clipboardData.setData('Text',str);
}

现在您的选择调用 javascript 函数 onchange 事件。只要选择了新值，就会触发此事件:

<select name="products" onchange="copy(this.options[this.selectedIndex].innerHTML)">
    <option value=""> - Choose - </option>
    <option value="01">table</option>
    <option value="02">chair</option>
    <option value="03">book</option>
    <option value="04">car</option>
</select>