从<div>复制文本，并复制到<select>的<option>中

时间：2019-12-27 22:53:55

标签： javascript jquery html

我要复制的注释的代码为：<strong title="Note VF" class="note-a-copier" style="cursor: pointer;" data-clipboard-text="7.6">7.6</strong>

我将注释复制为：data-clipboard-text

通常过去：

HTML：

<select>
<option id="note-a-coller"></option>
</select>

JavaScript：

<script>
const btnsnote = document.getElementsByClassName('note-a-copier');
for(btn of btnsnote) {
    btn.addEventListener(\'click\', elt => {
    const input = document.getElementById('note-a-coller');
    select.value = elt.target.dataset.clipboardText;

    return false;
    }, false);
}
</script>

但是当我单击便笺时，它应直接粘贴在中，但不起作用。

工作代码示例：https://jsfiddle.net/rjds289g/ 

const btnsadp = document.getElementsByClassName('adp-a-copier');
for(btn of btnsadp)
{
	btn.addEventListener('click', elt => {
		const input = document.getElementById('adp-a-coller');
		input.value = elt.target.dataset.clipboardText;

		return false;
	}, false);
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
Copy : <div class="adp-a-copier" data-clipboard-text="2001" style="cursor: pointer;">2001</div>

Past : <input type="text" size="40" name="annee" value="" id="adp-a-coller" required />

在 JSFiddle 上：https://jsfiddle.net/rjds289g/3/

我想要这样，但是有了