Tengo un formulario HTML y necesito leer los valores de las opciones con javasript. Así que cuando tengo esto:
<select class="login-input" name="Provenance" id="Provenance"> <option value="">--- Provenance ---</option> <option value="N">Collection </option> <option value="P" data1="P">Prévente</option> </select>Funciona bien con:
document.getElementById('Provenance').valuePero cuando agrego un código de modelo de variable personalizada , no sé cómo obtener el valor:
<select class="login-input" name="Modeles" id="Modeles"> <option value="">--- Code modele ---</option> <option value="00" modelcode="A">A</option> <option value="01" modelcode="B">B</option> <option value="03" modelcode="C">C</option> </select>Me gustaría leer el valor del código modelo .
Algunas ideas ? Gracias
En HTML5, puede usar atributos de data- para almacenar datos en sus atributos, como ejemplo:
window.onload = () => { const select = document.getElementById('modeles') select.addEventListener('change', onModelChange, true) } function onModelChange(event) { if (event.target.value) { const { value, options } = event.target console.log({ value, ...options[options.selectedIndex].dataset }) } else { console.log('no selection') } } <select name="modeles" id="modeles"> <option value="">--- Code modele ---</option> <option value="00" data-modelcode="A">A</option> <option value="01" data-modelcode="B">B</option> <option value="02" data-modelcode="C">C</option> <option value="03" data-modelcode="D">D</option> </select>Este es el concepto, para familiarizarse, puede leer más: https://developer.mozilla.org/en-US/docs/Learn/HTML/Howto/Use_data_attributes