JavaScript How to fire an event on clicking data list option list?

I have a datalist that looks like :

<datalist id="foodlist">
	
		<option value="one" ></option
		<option value="two" ></option>
		<option value="three" ></option>
	
</datalist>

<input type="text" list="foodlist" autocomplete=true id="inputItem"/>
Answer:1
<datalist id="foodlist">    
    <option value="one" ></option>
    <option value="two" ></option>
    <option value="three"></option> 
</datalist>

<input id="txt" type="text" list="foodlist" autocomplete=true id="inputItem"/>

document.getElementById('txt').addEventListener('input', function () {
    console.log('changed'); 
    var val = document.getElementById("txt").value;
    alert(val);
});

The datalist tag is only supported in some browsers. Here's simple trick to get selected value.

Answer:2

Infinite Scroll on Mobile browsers

I am trying to implement infinite scroll on my website and it works well on browsers on any computer, but it has issues on mobile browsers. So far, on chrome, if I don't zoom in or out it works ok ...

I am trying to implement infinite scroll on my website and it works well on browsers on any computer, but it has issues on mobile browsers. So far, on chrome, if I don't zoom in or out it works ok ...

  1. infinite scroll mobile
  2. infinite scroll jquery mobile
  3. vue infinite scroll mobile
  4. infinite scroll not working on mobile
  5. infinite scroll chrome mobile
  6. infinite scroll angularjs mobile

How can i convert a string in to a valid html list using regexp

I am working on a angularjs app. I am receiving the data as an array from back-end. I need to convert that in to a html list. (using li) but how can i do that? here is the array string i am getting :...

I am working on a angularjs app. I am receiving the data as an array from back-end. I need to convert that in to a html list. (using li) but how can i do that? here is the array string i am getting :...

  1. convert string to valid json
  2. convert string to valid datetime in c#
  3. convert string to valid json c#
  4. convert string to valid filename python
  5. convert string to valid json python
  6. convert string to valid url javascript
  7. convert string to valid url c#
  8. convert string to valid filename
  9. convert string to valid filename c#
  10. convert string to valid html id
  11. convert string to valid url
  12. convert string to valid date in r
  13. convert string to valid json online
  14. convert string to valid xml
  15. convert string to valid xml c#
  16. convert string into valid date in r
  17. convert string to valid xml java
  18. convert string to valid id
  19. python convert string to valid variable name
  20. c# convert string to valid path

HTML Form drop down data source [closed]

I'm aware that this is a topic discussed many times, however I can't find what I'm looking for.. Question: What is the best practice these days as the data source for dynamic drop down boxes, e.g. a ...

I'm aware that this is a topic discussed many times, however I can't find what I'm looking for.. Question: What is the best practice these days as the data source for dynamic drop down boxes, e.g. a ...

  1. html form drop down
  2. html form drop down default
  3. html form drop down default value
  4. html form drop down placeholder
  5. html form drop down list default value
  6. html form drop down multiple select
  7. html form drop down list from database
  8. html form drop down javascript
  9. html form drop down selected value
  10. html form drop down auto submit
  11. html form drop-down list multiple selections
  12. html form drop list
  13. html form drop down default blank
  14. html form drop down example
  15. html form drop box
  16. html form drop
  17. html form drop down checkbox
  18. html form drop down country list
  19. html form drop down button
  20. html form drop down list style

One-liner to change a prototype method into a function in JavaScript

The String object in Javascript has a method called toLowerCase. The problem with that method is that it requires that you already have a String object. What if I wanted to turn that prototype method ...

The String object in Javascript has a method called toLowerCase. The problem with that method is that it requires that you already have a String object. What if I wanted to turn that prototype method ...