0
244
ViewsCómo obtener texto en la opción de lista de datos con javascript puro
tengo la opción de lista de datos y quiero obtener el valor del texto y no el valor, la imagen a continuación es el ejemplo, quiero obtener el Kuruha como el texto y no el valor 1, ¿cómo obtenerlo correctamente?
código HTML :
<datalist id="in"> <option value="1">Kuruha</option> <option value="2">Agencia</option> </datalist> <input list="in" id=int>ejemplo de imagen
·
Santiago Trujillo
1 answers
Answer question0
Puede vincular el change datalist como de costumbre en su elemento de input y luego acceder a su lista de datos.
Una vez allí, puedes filtrarlo con find para extraer la opción seleccionada (si la hay), y finalmente obtener el texto usando textContent .
document.getElementById('int').addEventListener('change', function() { let selectedOpt = Array.from(this.list.options).find(item => item.value == this.value); if (typeof selectedOpt == 'undefined') { document.getElementById('results').innerHTML = ''; } else { document.getElementById('results').innerHTML = selectedOpt.textContent; } }); <datalist id="in"> <option value="1">Kuruha</option> <option value="2">Agencia</option> </datalist> <input list="in" id="int"> <div id="results"></div>
·
Santiago Trujillo
Report
Answer question