Por favor avise. Tu ayuda sería muy apreciada. Tengo una lista de datos proporcionada, necesito obtener y mostrar un valor de texto cuando un usuario seleccionó o ingresó.
Para el código de muestra a continuación: cuando el usuario selecciona cualquier país, funciona bien. Pero necesito manejar cuando un usuario ingresa un país que NO está en la lista (por ejemplo: "Canadá"), necesito mostrar: "Canadá" aún no está en la lista de países.
<body> Please Select Country: <input type="text" list="countries" name="countryName" id="countryId" /> <datalist id="countries"> <option value="India">India</option> <option value="United States"></option> <option value="United Kingdom"></option> <option value="China"></option> <option value="Nepal"></option> <option value="Afghanistan"></option> <option value="Iceland"></option> <option value="Indonesia"></option> <option value="Iraq"></option> <option value="Ireland"></option> <option value="Israel"></option> <option value="Italy"></option> <option value="Poland"></option> </datalist> </body>He intentado (un código a continuación) ingresar un valor que no está en la lista (por ejemplo, Canadá), siempre está vacío cuando se muestra:
$("#countryId").on("change", function () { //var result = $(this).val(); var country = document.getElementById('countryId').value alert( country + " is not in the country list yet." ); }});Muchas gracias en ventaja.
Lo volví a intentar y el document.getElementById('countryId').value ¡realmente estaba funcionando!
¡Obtuve la entrada de texto (no en la lista de datos) mostrada!... No sabía lo que me perdí antes... pero ahora funciona.