How to limit display size of a datalist?

1 year ago

#253458

user11263284

I have a datalist with a bunch of numbers and would like to limit the display size of the menu to 5 options, but as I understand this can't be done with html/css, so what are my options?

// Generate an array from 1-144 in increments of 0.5
var length = [];
var list = document.getElementById('lengthDatalist');

for (let i = 1; i <= 144; i+= 0.5) {
  length.push(i.toFixed(1));
}; 

//For each item in array length, create an option in datalist
length.forEach(function(item){
   var option = document.createElement('option');
   option.value = item;
   list.appendChild(option);
});

<input name= "lengthInput" id="lengthInputID" list="lengthDatalist" />
     <datalist id="lengthDatalist"></datalist>

javascript

html

jquery

css

datalist

0 Answers

Your Answer

Posts

Questions

Blogs

Jobs