html 选择复制,如何复制并粘贴HTML选择选择的值到其他选择

我已经与多个网站在相同的形式select元素如何复制并粘贴HTML选择选择的值到其他选择

Select ...

Apple

Banana

Carrot

Orange

Pear

有8个选择与页面上完全相同的选项。

用户想要将select的选定值从一个复制并粘贴到另一个。

最终用户使用Ctrl + C，Ctrl + V启动它。该网页应用程序是为取代允许最终用户复制和粘贴的Excel应用程序而编写的

但是，html select不支持复制和粘贴。 (Ctrl + C，Ctrl + V)

我该怎么办？

任何可以做到这一点的插件？任何最小自动完成选择建议，看起来像标准select？

编辑：

使用datalist的例子可以是一个解决方案。唯一的问题是，它允许输入无效文本，即不是选择选项之一(除了没有任何内容)的文本被输入。如何仅允许有效文本？

2016-05-05

devc2

+0

设置“值”一个选择到另一个通过document.getElementById的属性(“[选择部件1 ]')。value = document.getElementById('[select element2]')。value; –

+0

当用户决定使用 –

+0

时，它并不总是一样的。要走的路是使用datalist，如下面的答案中所建议的，即使这个答案是相当不完整的，例如https://jsfiddle.net/wkzr1q8t/ –