Quiero agregar información oculta/adicional a un cuadro desplegable. Actualmente, funciona usando
javascript
function myFunction() { var copyText1 = document.getElementById("ID"); var value = copyText1.value; navigator.clipboard.writeText(value); }y HTML
<select id="ID"> <option>Call James</option> <option>Call Bob</option> <option>Call Jane</option> </select> <button onclick="myFunction()">Copy number</button>sin embargo, me gustaría que cuando se seleccione 'Llamar a James', el número de copia copie un número de teléfono (por ejemplo, '5551234') en el portapapeles en lugar del texto 'Llamar a James'
Cualquier ayuda sería muy apreciada.
value del elemento para almacenar y luego recuperar el númeroon* . Utilice Element.addEventListener en su lugar.type="button" ya que los botones son por defecto del tipo Enviar . const elSelect = document.querySelector("#ID"); const elCopy = document.querySelector("#copy"); const copyNUmber = () => { console.log(elSelect.value); navigator.clipboard.writeText(elSelect.value); }; elCopy.addEventListener("click", copyNUmber); <select id="ID"> <option value="123456000">Call James</option> <option value="654321000">Call Bob</option> <option value="999999000">Call Jane</option> </select> <button id="copy" type="button">Copy number</button>